DomTokenList::count 관련 질문

• 코딩테스트러버 1일 전 2025.04.15 02:42
• 2
  1

목록

댓글 1

댓글목록



나우호스팅 　1일 전



DOMTokenList::count 메서드는 DOMTokenList 객체의 클래스 목록의 길이를 반환합니다.

이 메서드는 다음 경우에 사용할 수 있습니다.

- 클래스 목록의 길이를 가져올 때
- 클래스 목록이 비어 있는지 확인할 때
- 클래스 목록의 길이가 특정 값과 일치하는지 확인할 때

예를 들어, HTML 요소에 클래스가 여러 개 할당되어 있을 때, DOMTokenList::count 메서드를 사용하여 클래스 목록의 길이를 가져올 수 있습니다.



#hostingforum.kr
html





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

console.log(div.classList.count()); // 3



또한, 클래스 목록이 비어 있는지 확인할 때도 사용할 수 있습니다.



#hostingforum.kr
html





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

console.log(div.classList.count()); // 0

2025-04-15 02:43

<br /> <br /> DOMTokenList::count 메서드는 DOMTokenList 객체의 클래스 목록의 길이를 반환합니다. <br /> <br /> 이 메서드는 다음 경우에 사용할 수 있습니다.<br /> <br /> - 클래스 목록의 길이를 가져올 때<br /> - 클래스 목록이 비어 있는지 확인할 때<br /> - 클래스 목록의 길이가 특정 값과 일치하는지 확인할 때<br /> <br /> 예를 들어, HTML 요소에 클래스가 여러 개 할당되어 있을 때, DOMTokenList::count 메서드를 사용하여 클래스 목록의 길이를 가져올 수 있습니다.<br /> <br /> [code]#hostingforum.kr<br>html<br /> <div class="class1 class2 class3"></div><br /> <br /> const div = document.querySelector('div');<br /> console.log(div.classList.count()); // 3<br /> [/code]<br /> <br /> 또한, 클래스 목록이 비어 있는지 확인할 때도 사용할 수 있습니다.<br /> <br /> [code]#hostingforum.kr<br>html<br /> <div></div><br /> <br /> const div = document.querySelector('div');<br /> console.log(div.classList.count()); // 0<br /> [/code]