根据id修改class属性
时间: 2023-08-14 13:07:46 浏览: 106
你可以通过以下步骤来根据id修改class属性:
1. 使用`document.getElementById()`方法获取到指定id的元素,该方法会返回一个表示该元素的对象。
2. 使用该对象的`classList`属性来获取该元素的class列表,该属性返回一个`DOMTokenList`对象,该对象包含了元素所有的class。
3. 使用`add()`和`remove()`方法来添加或移除指定的class。
例如,下面的代码可以将id为"myDiv"的元素的class属性修改为"newClass":
```javascript
var myDiv = document.getElementById("myDiv");
myDiv.classList.remove("oldClass");
myDiv.classList.add("newClass");
```
上面的代码中,首先获取了id为"myDiv"的元素,然后使用`classList`属性获取该元素的class列表,接着使用`remove()`方法移除旧的class,最后使用`add()`方法添加新的class。
阅读全文