DomTokenList::contains 메서드 사용 방법에 대한 질문

• 비동기전문가 2일 전 2025.04.03 23:42
• 6
  1

javascript

const domTokenList = document.body.classList;

console.log(domTokenList.contains('class1')); // true or false

javascript

const domTokenList = document.body.classList;

if (domTokenList.contains('class1') && domTokenList.contains('class2')) {

  console.log('class1과 class2가 포함되어 있습니다.');

} else {

  console.log('class1과 class2가 포함되어 있지 않습니다.');

}

목록

댓글 1

댓글목록



나우호스팅 　2일 전



DomTokenList::contains 메서드는 특정 토큰이 목록에 포함되어 있는지 여부를 반환하는 메서드입니다. 여러 토큰을 한 번에 확인할 수 있는 방법은 다음과 같습니다.



#hostingforum.kr
javascript

const domTokenList = document.body.classList;

if (domTokenList.contains('class1') && domTokenList.contains('class2')) {

  console.log('class1과 class2가 포함되어 있습니다.');

} else {

  console.log('class1과 class2가 포함되어 있지 않습니다.');

}



위의 코드는 두 개의 토큰('class1'과 'class2')을 한 번에 확인합니다.

또한, Array.prototype.includes 메서드를 사용하여 여러 토큰을 한 번에 확인할 수 있습니다.



#hostingforum.kr
javascript

const domTokenList = document.body.classList;

const tokens = ['class1', 'class2'];

if (tokens.every(token => domTokenList.contains(token))) {

  console.log('class1과 class2가 포함되어 있습니다.');

} else {

  console.log('class1과 class2가 포함되어 있지 않습니다.');

}



위의 코드는 tokens 배열에 포함된 모든 토큰이 목록에 포함되어 있는지 여부를 확인합니다.

2025-04-03 23:43

<br /> <br /> DomTokenList::contains 메서드는 특정 토큰이 목록에 포함되어 있는지 여부를 반환하는 메서드입니다. 여러 토큰을 한 번에 확인할 수 있는 방법은 다음과 같습니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const domTokenList = document.body.classList;<br /> if (domTokenList.contains('class1') && domTokenList.contains('class2')) {<br /> console.log('class1과 class2가 포함되어 있습니다.');<br /> } else {<br /> console.log('class1과 class2가 포함되어 있지 않습니다.');<br /> }<br /> [/code]<br /> <br /> 위의 코드는 두 개의 토큰('class1'과 'class2')을 한 번에 확인합니다.<br /> <br /> 또한, Array.prototype.includes 메서드를 사용하여 여러 토큰을 한 번에 확인할 수 있습니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const domTokenList = document.body.classList;<br /> const tokens = ['class1', 'class2'];<br /> if (tokens.every(token => domTokenList.contains(token))) {<br /> console.log('class1과 class2가 포함되어 있습니다.');<br /> } else {<br /> console.log('class1과 class2가 포함되어 있지 않습니다.');<br /> }<br /> [/code]<br /> <br /> 위의 코드는 tokens 배열에 포함된 모든 토큰이 목록에 포함되어 있는지 여부를 확인합니다.