js 实现 hasClass(), addClass(), removeClass() 方法
时间: 2024-05-07 17:20:54 浏览: 9
下面是使用原生 JavaScript 实现的 `hasClass()`、`addClass()` 和 `removeClass()` 方法:
```javascript
// hasClass() 方法判断元素是否包含指定的 class
function hasClass(element, classname) {
if (!element || !classname) return false;
return element.classList.contains(classname);
}
// addClass() 方法添加指定的 class
function addClass(element, classname) {
if (!element || !classname) return;
element.classList.add(classname);
}
// removeClass() 方法移除指定的 class
function removeClass(element, classname) {
if (!element || !classname) return;
element.classList.remove(classname);
}
```
使用示例:
```javascript
// 获取元素
var element = document.getElementById("example");
// 判断元素是否包含指定的 class
if (hasClass(element, "active")) {
// ...
}
// 添加指定的 class
addClass(element, "active");
// 移除指定的 class
removeClass(element, "active");
```