DOMTokenList: remove() 方法

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來,各瀏覽器均已提供此特性。

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①

瀏覽器相容性