原生js添加class
时间: 2023-09-01 16:10:45 浏览: 114
使用Element.classList.add()方法添加class。
例如,如果要将一个元素的class更改为"active",可以使用以下代码:
```javascript
var element = document.getElementById("myElement");
element.classList.add("active");
```
这将在元素上添加一个名为"active"的class。如果元素已经有这个class,它将保持不变。
相关问题
原生JS增加class
可以通过以下代码来增加一个元素的class:
```javascript
var element = document.getElementById("myElement");
element.classList.add("myClass");
```
其中,`myElement` 是要增加 class 的元素的 ID,`myClass` 是要增加的 class 名称。这段代码会把 `myClass` 添加到 `myElement` 元素的 class 列表中。如果 `myElement` 元素已经有了这个 class,那么这个操作就不会有任何效果。
原生js根据class修改背景色
可以使用以下代码来根据 class 修改背景色:
```javascript
var elements = document.getElementsByClassName("your-class-name");
for (var i = 0; i < elements.length; i++) {
elements[i].style.backgroundColor = "your-color";
}
```
在上面的代码中,将 "your-class-name" 替换为你需要修改背景色的元素的类名,将 "your-color" 替换为你想要的颜色值。如果你需要修改多个元素的背景色,可以将它们的类名添加到数组中,然后使用循环来遍历数组并修改它们的样式。
阅读全文