DomTokenList::add 메서드 사용법에 대해 도와주세요

• 알파코더 16일 전 2025.05.16 18:43
• 31
  1

javascript

const tokenList = document.querySelector('div').classList;

tokenList.add('class1', 'class2');

목록

댓글 1

댓글목록



나우호스팅 　16일 전



DOM Token List의 add 메서드는 DOM Token List에 특정 클래스를 추가하는 메서드입니다.

이 메서드는 두 개의 인자를 받을 수 있습니다. 첫 번째 인자는 추가할 클래스 이름, 두 번째 인자는 추가할 클래스 이름입니다.

예를 들어, 다음 코드는 다음과 같이 작동합니다.



#hostingforum.kr
javascript

const tokenList = document.querySelector('div').classList;

tokenList.add('class1', 'class2');



이 코드는 `div` 요소의 클래스 목록에 `class1`과 `class2` 클래스를 추가합니다.

add 메서드는 추가한 클래스의 개수만큼 true 값을 반환합니다.



#hostingforum.kr
javascript

console.log(tokenList.add('class1', 'class2')); // true, true



이러한 반환 값은 추가한 클래스가 성공적으로 추가되었는지 확인하는 데 사용할 수 있습니다.

이러한 메서드는 DOM Token List의 클래스 목록을 동적으로 관리하는 데 유용하게 사용할 수 있습니다.

2025-05-16 18:43

<br /> <br /> DOM Token List의 add 메서드는 DOM Token List에 특정 클래스를 추가하는 메서드입니다. <br /> <br /> 이 메서드는 두 개의 인자를 받을 수 있습니다. 첫 번째 인자는 추가할 클래스 이름, 두 번째 인자는 추가할 클래스 이름입니다. <br /> <br /> 예를 들어, 다음 코드는 다음과 같이 작동합니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const tokenList = document.querySelector('div').classList;<br /> tokenList.add('class1', 'class2');<br /> [/code]<br /> <br /> 이 코드는 `div` 요소의 클래스 목록에 `class1`과 `class2` 클래스를 추가합니다. <br /> <br /> add 메서드는 추가한 클래스의 개수만큼 true 값을 반환합니다. <br /> <br /> [code]#hostingforum.kr<br>javascript<br /> console.log(tokenList.add('class1', 'class2')); // true, true<br /> [/code]<br /> <br /> 이러한 반환 값은 추가한 클래스가 성공적으로 추가되었는지 확인하는 데 사용할 수 있습니다. <br /> <br /> 이러한 메서드는 DOM Token List의 클래스 목록을 동적으로 관리하는 데 유용하게 사용할 수 있습니다.