JavaScript原生添加移除class的方法

转载自  JavaScript原生添加移除class的方法

1.JavaScript原生移除class方法

window.onload = function () {var stamp = document.getElementById("btGetCode"); //根据id查找到该标签removeClass(stamp, "can-code"); //调用JS原生删除class的方法function hasClass(elements, cName) {return !!elements.className.match(new RegExp("(\\s|^)" + cName + "(\\s|$)")); // ( \\s|^ ) 判断前面是否有空格 （\\s | $ ）判断后面是否有空格 两个感叹号为转换为布尔值 以方便做判断 };function removeClass(elements, cName) {if (hasClass(elements, cName)) {elements.className = elements.className.replace(new RegExp("(\\s|^)" + cName + "(\\s|$)"), " "); // replace方法是替换 };}; };

 

2.JavaScript原生添加class方法

window.onload = function () {var stamp = document.getElementById("btGetCode"); //根据id查找到该标签addClass(stamp, "can-code"); //调用JS原生添加class的方法function hasClass(elements, cName) {return !!elements.className.match(new RegExp("(\\s|^)" + cName + "(\\s|$)")); // ( \\s|^ ) 判断前面是否有空格 （\\s | $ ）判断后面是否有空格 两个感叹号为转换为布尔值 以方便做判断 };function addClass(elements, cName) {if (!hasClass(elements, cName)) {elements.className += " " + cName;};}; };

 

总结

以上是生活随笔为你收集整理的JavaScript原生添加移除class的方法的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。