HTML DOMTokenList remove() 方法

定义和用法

remove() 方法从 DOMTokenList 中删除一个(或多个)标记(token)。

实例

例子 1

从元素中删除 "myStyle" 类:

const list = element.classList;
list.remove("myStyle");

亲自试一试

例子 2

将 "myStyle" 类添加到元素:

const list = element.classList;
list.add("myStyle");

亲自试一试

例子 3

切换 "myStyle" 的开闭:

const list = element.classList;
list.toggle("myStyle");

亲自试一试

例子 4

从元素中删除多个类:

element.classList.remove("myStyle", "anotherClass", "thirdClass");

亲自试一试

例子 5

获取元素的类名数量:

let numb = element.classList.length;

亲自试一试

例子 6

元素是否有 "myStyle" 类?

let x = element.classList.contains("myStyle");

亲自试一试

例子 7

如果元素有 "myStyle" 类,则删除 "anotherClass"。

if (element.classList.contains("mystyle")) {
  element.classList.remove("anotherClass");
}

亲自试一试

语法

domtokenlist.remove(token, ...)

参数

参数描述
token必需。要从列表中删除的标记(token)。

返回值

无。

浏览器支持

domtokenlist.remove() 是 DOM Level 4 (2015) 特性。

它得到所有浏览器的支持:

ChromeEdgeFirefoxSafariOpera
ChromeEdgeFirefoxSafariOpera
支持支持支持支持支持

Internet Explorer 11(及更早版本)不支持 domtokenlist.remove()。

相关页面

length 属性

item() 方法

add() 方法

toggle() 方法

forEach() 方法

entries() 方法

keys() 方法

values() 方法

DOMTokenList 对象