清除element.classList

Question

element.classList是DOMTokenList类型的.

有没有办法清除这个清单？

Answer 1

我不知道与"相关的"功能意义上的"方法" classList.它具有.add()和.remove()方法来添加或删除单个的类,但你可以从这样的元素删除所有类别的感觉清除列表:

element.className = "";

Answer 2

var classList = element.classList;
while (classList.length > 0) {
   classList.remove(classList.item(0));
}

Answer 3

如今，classList优先于(remove|set)Attribute或className。Pekaaw 上面的答案很好，1 个类似的替代方案是设置DomTokenList.value

elem.classList.value = ''

Answer 4

使用ES6和散布运算符，这很容易。

element.classList.remove(...element.classList);

这会将列表项作为remove方法的参数传播。
由于classList.remove方法可以接受许多参数，因此将它们全部删除并清除classList。

即使可读性也不高。@Fredrik Macrobond的答案更快。
在jsperf上查看不同的解决方案及其测试结果。

Answer 5

这是另一种方法：

element.setAttribute("class", "")