DOMTokenList: add() 메서드

tokenN

DOMTokenList에 추가할 토큰을 나타내는 문자열입니다.

없음.

SyntaxError DOMException (en-US)

전달인자 중 하나가 빈 문자열이면 에러를 발생시킵니다.

InvalidCharacterError DOMException (en-US)

토큰이 ASCII 공백을 포함하면 에러를 발생시킵니다.

다음 예제에서 Element.classList를 사용하여 <span> 요소에 설정된 클래스 목록을 DOMTokenList로 찾아냅니다. 그 다음으로 목록에 새로운 토큰을 추가하고 <span>의 Node.textContent을 활용하여 목록을 작성합니다.

HTML 관련 코드입니다.

<span class="a b c"></span>

JavaScript 관련 코드입니다.

const span = document.querySelector("span");
const classes = span.classList;
classes.add("d");
span.textContent = classes;

결과는 다음과 같습니다.

여러 토큰을 추가할 수도 있습니다.

span.classList.add("d", "e", "f");