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) 特性。

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持

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

相关页面

length 属性

item() 方法

add() 方法

toggle() 方法

forEach() 方法

entries() 方法

keys() 方法

values() 方法

DOMTokenList 对象