DOMTokenList:remove() 方法
remove()
方法是 DOMTokenList
接口的方法,用于从列表中移除指定的标记。
语法
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① |
浏览器兼容性
BCD 表格仅在启用了 JavaScript 的浏览器中加载。