JavaScript原生添加移除class的方法
发布日期:2021-07-01 01:47:47 浏览次数:2 分类:技术文章

本文共 1177 字,大约阅读时间需要 3 分钟。

转载自  

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;        };    };};

 

转载地址:https://maokun.blog.csdn.net/article/details/81410146 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:JS获取自定义属性data-*值与dataset
下一篇:js实现页面跳转重定向的几种方式

发表评论

最新留言

做的很好,不错不错
[***.243.131.199]2024年05月03日 13时24分16秒