js 实现 hasClass(), addClass(), removeClass() 方法
时间: 2024-05-11 07:18:19 浏览: 85
js实现class样式的修改、添加及删除的方法
可以通过以下方式实现:
```javascript
function hasClass(elem, className) {
if (!elem || !className) return false;
return elem.classList.contains(className);
}
function addClass(elem, className) {
if (!elem || !className) return;
elem.classList.add(className);
}
function removeClass(elem, className) {
if (!elem || !className) return;
elem.classList.remove(className);
}
```
其中,`hasClass` 方法用于判断元素是否含有某个类名,`addClass` 方法用于为元素添加类名,`removeClass` 方法用于移除元素的类名。这些方法都需要传入两个参数,第一个参数为要操作的元素,第二个参数为类名。如果元素或类名为空,则不进行任何操作。这些方法都是基于 `classList` 属性实现的。
阅读全文