javascript - element.classList.contains() 在 JavaScript 中究竟是如何工作的？

Question

我需要使用 element.classList.contains('some-class') 来检查一个元素是否至少包含三个类中的一个，所以我写道:

if (element.classList.contains('class1', 'class2', 'class3')) {
  // do stuff here
}

结果是 - 如果元素有 'class1'，它返回 true，不管它是否有 'class2' 或/和 'class3'，并且 //在这里做事 执行。但是，如果它有 'class2' 和/或 'class3'，它返回 false 和 //在这里做事 不执行。

我解决了这个问题:

if (element.classList.contains('class1') || element.classList.contains('class2') || element.classList.contains('class3')) {
  // do stuff here 
}

Answer 1

这个函数只有一个参数。 contains 方法用于检查您的 classList 是否包含单个元素。您在底部发布的代码块是一个很好的解决方法。但不幸的是，您试图在顶部执行的操作超出了 classList API 的范围。