当前位置:Gxlcms > JavaScript > JavaScript实现添加、查找、删除元素

JavaScript实现添加、查找、删除元素

时间:2021-07-01 10:21:17 帮助过:3人阅读

代码很简单,这里就不多废话了。





测试文件


 

中央情报局:中央情报局
2014年5月4日21:56

示例二:

window.onload = function() {
  var gaga = document.getElementById("gaga");
  addClass(gaga, "gaga1") addClass(gaga, "gaxx");
  removeClass(gaga, "gaga1") removeClass(gaga, "gaga") 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;
    };
  };
  function removeClass(elements, cName) {
    if (hasClass(elements, cName)) {
      elements.className = elements.className.replace(new RegExp("(\\s|^)" + cName + "(\\s|$)"), " "); // replace方法是替换 
    };
  };
};

以上所述就是本文的全部内容了,希望大家能够喜欢。

人气教程排行