HTML DOMTokenList replace() 方法

定义和用法

replace() 方法替换 DOMTokenList 中的标记(token)。

实例

例子 1

用另一个 CSS 类替换:

const list = element.classList;
list.replace("myStyle", "newStyle");

亲自试一试

例子 2

将 "myStyle" 类添加到元素:

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

亲自试一试

例子 3

从元素中删除 "myStyle" 类:

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

亲自试一试

例子 4

切换 "myStyle" 的开闭:

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

亲自试一试

语法

domtokenlist.replace(old, new)

参数

参数 描述
old 必需。被替换的标记。
new 必需。要替换的标记。

返回值

类型 描述
布尔值 如果标记被替换,则为 true,否则为 false。

浏览器支持

domtokenlist.replace() 是 ECMAScript7 (ES7) 特性。

所有现代浏览器均支持 ES7 (JavaScript 2016) :

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

Internet Explorer 或 Edge 17(或更早版本)不支持 domtokenlist.replace()。

相关页面

length 属性

item() 方法

add() 方法

remove() 方法

toggle() 方法

forEach() 方法

entries() 方法

keys() 方法

values() 方法

DOMTokenList 对象