原生JS增加class
时间: 2023-09-09 14:12:12 浏览: 42
可以通过以下代码来增加一个元素的class:
```javascript
var element = document.getElementById("myElement");
element.classList.add("myClass");
```
其中,`myElement` 是要增加 class 的元素的 ID,`myClass` 是要增加的 class 名称。这段代码会把 `myClass` 添加到 `myElement` 元素的 class 列表中。如果 `myElement` 元素已经有了这个 class,那么这个操作就不会有任何效果。
相关问题
原生js添加class
使用Element.classList.add()方法添加class。
例如,如果要将一个元素的class更改为"active",可以使用以下代码:
```javascript
var element = document.getElementById("myElement");
element.classList.add("active");
```
这将在元素上添加一个名为"active"的class。如果元素已经有这个class,它将保持不变。
原生js获取class类名修改宽度
可以使用以下代码获取类名为"example"的元素并修改其宽度:
```javascript
var elements = document.getElementsByClassName("example");
for (var i = 0; i < elements.length; i++) {
elements[i].style.width = "200px";
}
```
其中,`getElementsByClassName`是原生js方法,用于获取类名为"example"的元素集合。然后使用for循环遍历元素集合,将每个元素的宽度设置为"200px"。