即使通过 classList.remove 删除最后一个类，“class”属性仍保留在 HTML 标记中，有什么原因吗？

Question

如果我执行以下代码片段，

s = document.createElement('span');
console.log(s)
s.classList.add('foo');
console.log(s)
s.classList.remove('foo');
console.log(s)

我得到这个输出：

<span></span>
<span class="foo"></span>
<span class></span>

为什么

class

还在第三行？它有什么目的吗？或者我可以认为它不存在吗？

Answer 1

classList

属性用于操作

class

属性内的类名，但属性本身仍然存在。要删除

class

属性本身，您可以使用

removeAttribute()

s = document.createElement('span');
console.log(s)

s.classList.add('foo');
console.log(s)

s.removeAttribute('class');
console.log(s)