ການໃຫ້ສະຫມັກ HTML DOMTokenList add()

ການອະທິບາຍ ແລະ ການນໍາໃຊ້

add() ວິທີການເພີ່ມ (ຫຼືຫຼາຍ) ຕົວແທນ (token) ໄປໃນ DOMTokenList。

ບົດສະຫຼຸບ

ຕົວຢ່າງ 1

ການເພີ່ມ "myStyle" ຕໍ່ປະກອບສັນ

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

亲自试一试

ຕົວຢ່າງ 2

ການຖອນ "myStyle" ຈາກປະກອບສັນ

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

亲自试一试

ຕົວຢ່າງ 3

ການເປັນປະຕູຢູ່ "myStyle":

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

亲自试一试

ຕົວຢ່າງ 4

ການເພີ່ມປະເພດພາບຫຼາຍໃຫ້ປະກອບສັນ

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

亲自试一试

例子 5

获取元素的类标记的数量：

const list = element.classList;
let numb = list.length;

亲自试一试

例子 6

获取 "myDIV" 元素的类标记：

const list = document.getElementById("myDIV").classList;

亲自试一试

例子 7

获取 "myDIV" 元素的类标记：

let className = element.classList.item(0);

亲自试一试

例子 8

元素是否拥有 "myStyle" 类标记？

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

亲自试一试

例子 9

如果元素拥有 "myStyle" 类标记，则删除 "anotherClass"。

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

亲自试一试

语法

domtokenlist.add(token)

参数

参数 描述
token 必需。要添加到列表中的标记。

返回值

无。

浏览器支持

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

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

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

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

相关页面

length 属性

item() 方法

remove() 方法

toggle() 方法

replace() 方法

forEach() 方法

entries() 方法

keys() 方法

values() 方法

DOMTokenList 对象