addClass 数组 - JavaScript

在JavaScript中，我们经常需要操作DOM元素，这时候就需要用到 addClass 函数。它是一个在DOM元素上添加一个或多个类名的函数。

语法

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

• element : 必要，要添加类名的元素
• class1, class2, ..., classN : 必要，一个或多个要添的类名，以逗号分隔

返回值

该方法不返回值。

用法

例子1

<div id="myDiv">Hello World</div>

const myDiv = document.querySelector('#myDiv');
myDiv.classList.add('red');

以上代码将给 myDiv 元素添加一个名为 red 的类。

例子2

<div id="myDiv" class="large-text">Hello World</div>

const myDiv = document.querySelector('#myDiv');
myDiv.classList.add('red', 'bold');

以上代码将给 myDiv 元素添加两个类，一个名为 red ，另一个名为 bold 。

总结

addClass 函数是在JavaScript中操作DOM元素时一个非常常用的函数，可以轻松地对元素添加一个或多个类名，便于样式操作。

建议在使用时要先判断该元素是否已有要添加的类名，避免重复添加，造成不必要的样式bug。