HTML DOMTokenList add() 메서드

정의와 사용법

add() 메서드는 DOMTokenList에 하나(또는 여러 개)의 토큰(토큰)을 추가합니다.

인스턴스

예제 1

요소에 "myStyle" 클래스 추가:

요소의 클래스 태그 수를 가져오기:
list.add("myStyle");

}

예제 2

요소에서 "myStyle" 클래스 제거:

요소의 클래스 태그 수를 가져오기:
list.remove("myStyle");

}

예제 3

"myStyle"의 여닫기 전환:

요소의 클래스 태그 수를 가져오기:
list.toggle("myStyle");

}

예제 4

요소에 여러 클래스 추가:

요소의 클래스 태그 수를 가져오기:
list.add("myStyle", "anotherClass", "thirdClass");

}

例子 5

예제 5

요소의 클래스 태그 수를 가져오기:
const list = element.classList;

}

let numb = list.length;

예제 7

예제 6

}

const list = document.getElementById("myDIV").classList;

예제 7

"myDIV" 요소의 클래스 태그를 가져오기:

}

let className = element.classList.item(0);

예제 8

요소가 "myStyle" 클래스 태그를 가지고 있는지 여부를 확인합니다?

}

let x = element.classList.contains("myStyle");

예제 9

요소가 "myStyle" 클래스 태그를 가지고 있다면, "anotherClass"을 제거합니다.
  if (element.classList.contains("mystyle")) {
element.classList.remove("anotherClass");

}

직접 테스트해보세요

문법domtokenlisttoken.add(

)

) 설명
token 필수입니다. 목록에 추가할 태그입니다.

반환 값

없음

브라우저 지원

domtokenlist.add() DOM Level 4 (2015) 기능입니다.

모든 브라우저가 지원합니다:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
지원 지원 지원 지원 지원

Internet Explorer 11(그 이전 버전)는 지원하지 않습니다 domtokenlist.add()。

관련 페이지

length 속성

item() 메서드

remove() 메서드

toggle() 메서드

replace() 메서드

forEach() 메서드

entries() 메서드

keys() 메서드

values() 메서드

DOMTokenList 객체