js 添加class
时间: 2023-12-02 17:42:08 浏览: 81
在JavaScript中,我们可以使用classList属性来添加、删除和切换元素的类。classList属性是一个只读属性,但它提供了add()、remove()、toggle()和contains()方法来修改元素的类。
以下是添加类的示例代码:
```javascript
// 获取元素
var element = document.getElementById("myElement");
// 添加类
element.classList.add("myClass");
```
以上代码将在具有id“myElement”的元素上添加名为“myClass”的类。
以下是删除类的示例代码:
```javascript
// 获取元素
var element = document.getElementById("myElement");
// 删除类
element.classList.remove("myClass");
```
以上代码将从具有id“myElement”的元素中删除名为“myClass”的类。
相关问题
原生js添加class
使用Element.classList.add()方法添加class。
例如,如果要将一个元素的class更改为"active",可以使用以下代码:
```javascript
var element = document.getElementById("myElement");
element.classList.add("active");
```
这将在元素上添加一个名为"active"的class。如果元素已经有这个class,它将保持不变。
js添加class类名
你可以使用JavaScript的classList属性来添加class类名,例如:
```javascript
var element = document.getElementById("myElement");
element.classList.add("myClass");
```
这将在id为“myElement”的元素上添加名为“myClass”的类。
阅读全文