element.classList不返回动态添加的类

Question

我有一些js代码，向div中添加了一个隐藏类，但是当我尝试读取该div的类时，element.classList仅返回html中存在的类

我的div html

<div id="someid" class="addendum"> </div>

但是当我在控制台上打印它时，会发生一些奇怪的事情，实际上我可以看到动态添加的类。 “隐藏” 是我动态添加的类，但是如果我尝试打印console.log(el.classList.value)，则仅返回附录。我只能看到隐藏类做

console.log(el.classList)

为什么会这样？ DOMTokenList仅显示在控制台中动态添加的类。

Answer 1

DOMTokenList 不代表实际值。

如果您将鼠标悬停在蓝色的 i 图标上，则会显示：

  

下面的值是刚刚评估的。