之前习惯了使用jquery的addClass的方法,然后就去找了下别人写的代码。
[javascript] view plain copy
function hasClass(obj,cls) {
return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
};
function addClass(obj,cls) {
if (!hasClass(obj,cls)) obj.className += " " + cls;
}
Object.prototype.removeClass = function removeClass(obj,cls) {
if (hasClass(obj,cls)) {
var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
obj.className = obj.className.replace(reg, ' ');
}
};
function toggleClass(obj,cls){
if(this.hasClass(obj,cls)){
this.removeClass(obj,cls);
}else{
this.addClass(obj,cls);
}
};
本文介绍了如何在JavaScript中自定义实现addClass、removeClass和toggleClass方法,这些方法通常用于操作DOM元素的类名,实现了类似jQuery的功能。通过正则表达式判断类名的存在,并进行相应的添加或删除操作。
676

被折叠的 条评论
为什么被折叠?



