js中添加多个class

在JavaScript中，你可以使用`classList`属性来添加多个class。以下是一个快速示例：

<div id="myDiv" class="foo"></div>

var myDiv = document.getElementById("myDiv");
myDiv.classList.add("bar", "baz");

在上面的示例中，我们首先使用`document.getElementById`方法获取了`<div>`元素。然后我们使用`classList`属性的`add()`方法来添加两个class，即“bar”和“baz”。现在，该元素的class属性将为“foo bar baz”。

注意，`classList`属性是一个只读属性，因此您不能直接修改它。您必须使用`add()`、`remove()`、`toggle()`等方法来修改元素的class。

相关问题

js 给div添加class

使用JavaScript，可以通过以下方式给一个元素添加class：

var element = document.getElementById("myDiv");
element.classList.add("newClass");

其中，`getElementById` 方法用于获取指定id的元素，`classList` 属性用于访问元素的类名列表，`add` 方法用于向元素的类名列表中添加新的类名。

这样，就可以给id为`myDiv`的元素添加一个名为`newClass`的class了。如果要添加多个class，只需要在 `add` 方法中传递多个参数即可，例如：

element.classList.add("class1", "class2");

这样就可以添加`class1`和`class2`两个class了。

classList.add 添加js格式的

如果你想使用 JavaScript 来给一个元素添加一个 CSS class，可以使用 `classList.add()` 方法。该方法会在元素的 class 列表中添加一个新的 class。以下是一个示例：

const element = document.getElementById("myElement");
element.classList.add("myClass");

上面的代码会找到 id 为 "myElement" 的元素，并将 "myClass" class 添加到它的 class 列表中。你可以根据需要添加多个 class，只需要在 `classList.add()` 方法中添加多个参数即可。例如：

element.classList.add("class1", "class2", "class3");

上面的代码会将 "class1"、"class2" 和 "class3" 添加到元素的 class 列表中。