怎么给div添加多个动态class
时间: 2023-11-18 13:09:13 浏览: 37
你可以使用JavaScript来添加多个动态class。比如,如果你想要添加名为"red"和"bold"的两个class,可以使用以下代码:
```javascript
var myDiv = document.getElementById("myDiv");
myDiv.classList.add("red", "bold");
```
这将会给id为"myDiv"的div元素添加名为"red"和"bold"的两个class。如果你想要移除已经存在的class,可以使用`classList.remove()`方法,比如:
```javascript
myDiv.classList.remove("red");
```
这将会移除名为"red"的class。如果你想要切换class的状态,可以使用`classList.toggle()`方法,比如:
```javascript
myDiv.classList.toggle("bold");
```
这将会在名为"bold"的class存在时移除它,不存在时添加它。
相关问题
js 给div添加class
使用JavaScript,可以通过以下方式给一个元素添加class:
```javascript
var element = document.getElementById("myDiv");
element.classList.add("newClass");
```
其中,`getElementById` 方法用于获取指定id的元素,`classList` 属性用于访问元素的类名列表,`add` 方法用于向元素的类名列表中添加新的类名。
这样,就可以给id为`myDiv`的元素添加一个名为`newClass`的class了。如果要添加多个class,只需要在 `add` 方法中传递多个参数即可,例如:
```javascript
element.classList.add("class1", "class2");
```
这样就可以添加`class1`和`class2`两个class了。
js中添加多个class
在JavaScript中,你可以使用`classList`属性来添加多个class。以下是一个快速示例:
```html
<div id="myDiv" class="foo"></div>
```
```javascript
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。