JavaScript原生添加移除class的方法
程序员文章站
2022-04-29 14:11:58
...
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;
};
};
};
上一篇: JQuery基础学习(一)