DOMTokenList: remove() 方法
DOMTokenList 接口的 remove() 方法会从列表中移除指定的标记。
语法
js
remove(token1)
remove(token1, token2)
remove(token1, token2, /* …, */ tokenN)
参数
token1, …,tokenN-
一个字符串，表示您想从列表中移除的标记。如果字符串不在列表中，不会抛出错误，也不会发生任何事情。
返回值
无（undefined）。
示例
在下面的示例中，我们使用 Element.classList 获取设置在 <span> 元素上的类列表，并将其作为 DOMTokenList 处理。然后，我们从列表中移除一个标记，并将修改后的列表写入 <span> 的 Node.textContent。
首先，HTML 代码
html
<span id="ab" class="a b c"></span> <span id="a" class="a b c"></span>
现在是 JavaScript 代码
js
const span = document.getElementById("ab");
const classes = span.classList;
classes.remove("c");
span.textContent = classes;
要一次移除多个类，您可以提供多个标记。您提供标记的顺序不必与它们在列表中出现的顺序相匹配。
js
const span2 = document.getElementById("a");
const classes2 = span2.classList;
classes2.remove("c", "b");
span2.textContent = classes2;
输出如下所示
规范
| 规范 |
|---|
| DOM # ref-for-dom-domtokenlist-remove① |
浏览器兼容性
加载中…