HTML DOMTokenList add() 方法

add() 方法可以向元素的 class 属性添加一个或多个类名。如果元素已经有这个类名，则不会对其进行任何操作。

语法

element.classList.add(class1, class2, ..., classN)

参数：

• class1, class2, ..., classN： 需要添加到元素 class 属性中的一个或多个类名（必须是字符串）。

返回值

无。

示例

<!-- HTML代码 -->
<div id="myDiv" class="box"></div>

// JavaScript代码
var div = document.getElementById("myDiv");
div.classList.add("round"); // 向class属性中添加了"round"类名，元素现在的class属性为"box round"

注意事项

• 如果 add() 方法添加的类名在元素的 class 属性中已经存在，则不会进行任何操作，也不会造成变量赋值。
• 如果传入多个类名参数，它们会被依次添加到元素的 class 属性中。

浏览器兼容性

add() 方法兼容性良好，支持 IE 10+、Firefox、Chrome、Safari 和 Opera 浏览器。