zl程序教程

您现在的位置是:首页 >  后端

当前栏目

原生js实现查找/添加/删除/指定元素的class

JS 实现 删除 添加 查找 指定 元素 原生
2023-06-13 09:14:49 时间
复制代码代码如下:

window.onload=function(){
vargaga=document.getElementById("gaga");
addClass(gaga,"gaga1")
addClass(gaga,"gaxx");
removeClass(gaga,"gaga1")
removeClass(gaga,"gaga")
functionhasClass(elements,cName){
return!!elements.className.match(newRegExp("(\\s|^)"+cName+"(\\s|$)"));//(\\s|^)判断前面是否有空格(\\s|$)判断后面是否有空格两个感叹号为转换为布尔值以方便做判断
};
functionaddClass(elements,cName){
if(!hasClass(elements,cName)){
elements.className+=""+cName;
};
};
functionremoveClass(elements,cName){
if(hasClass(elements,cName)){
elements.className=elements.className.replace(newRegExp("(\\s|^)"+cName+"(\\s|$)"),"");//replace方法是替换
};
};
};