javascript追加移除样式
时间: 2024-05-27 12:07:25 浏览: 66
JQuery实现样式设置、追加、移除与切换的方法
在JavaScript中,可以通过以下两种方式追加或移除样式:
1. 通过修改元素的样式属性来实现,例如:
```javascript
// 追加样式
document.getElementById("myElement").style.color = "red";
// 移除样式
document.getElementById("myElement").style.color = "";
```
这种方式会直接修改元素的style属性值,不会影响其他CSS样式。
2. 通过添加或移除class来实现,例如:
```javascript
// 追加样式
document.getElementById("myElement").classList.add("myClass");
// 移除样式
document.getElementById("myElement").classList.remove("myClass");
```
这种方式会添加或移除指定的class,可以方便地控制多个CSS属性。
阅读全文