js 改变class
时间: 2023-09-28 16:04:07 浏览: 47
你可以使用 JavaScript 来改变 HTML 元素的 class。可以通过以下几种方法来实现:
1. 使用 `classList` 属性:`classList` 是元素的属性,它提供了一组方法来添加、移除和切换 class。例如,要添加一个 class,可以使用 `add()` 方法,要移除一个 class,可以使用 `remove()` 方法。示例代码如下:
```javascript
var element = document.getElementById("myElement");
element.classList.add("newClass"); // 添加 class
element.classList.remove("oldClass"); // 移除 class
```
2. 直接修改 `className` 属性:`className` 属性是元素的属性,它包含了所有 class 的名称,可以通过直接修改它来改变元素的 class。示例代码如下:
```javascript
var element = document.getElementById("myElement");
element.className = "newClass"; // 修改 class
```
3. 使用第三方库:如果你已经引入了第三方库,比如 jQuery,它提供了更简便的方法来操作元素的 class。例如,使用 jQuery 的 `addClass()` 和 `removeClass()` 方法来添加和移除 class。示例代码如下:
```javascript
$("#myElement").addClass("newClass"); // 添加 class
$("#myElement").removeClass("oldClass"); // 移除 class
```
这些是常见的方法,你可以根据自己的需求选择合适的方法来改变元素的 class。