JS封裝 — 原生新增類名,刪除類名
阿新 • • 發佈:2018-12-19
/* 刪除類名 */ 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方法是替換 }; }; }; /* 新增類名 */ 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; }; }; }; 作者:李明達 來源:CSDN 簡書著作權歸作者所有,任何形式的轉載都請聯絡作者獲得授權並註明出處。