大家好,今天我们来聊聊JavaScript中的样式操作。很多人在使用jQuery时,可能对它的 removeClass 方法很熟悉,但你知道如何在纯JavaScript中实现同样的功能吗?今天就来一起探讨一下。
首先,了解jQuery的removeClass方法
在jQuery中,removeClass 方法用于从指定的DOM元素中删除一个或多个类。它的工作方式很简单,就像这样:
-
\t
- addClass: 为指定的DOM元素添加样式。 \t
- removeClass: 删除指定DOM元素的样式。 \t
- toggleClass: 如果存在(不存在),就删除(添加)一个样式。 \t
- hasClass: 判断样式是否存在。
原生JavaScript实现removeClass
function hasClass(obj, cls) {
return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
}
function addClass(obj, cls) {
if (!this.hasClass(obj, cls)) {
obj.className +=
