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① |
瀏覽器相容性
載入中…