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 的浏览器中加载。