轉載自??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的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。