码迷,mamicode.com
首页 > 其他好文 > 详细

addClass和removeClass函数

时间:2014-11-24 11:38:46      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:blog   io   ar   sp   for   on   div   log   cti   

  function addClass1(element,value){
        if(!element.className){
            element.className = value;
        }else{
            newClassName = element.className;
            newClassName += " ";
            newClassName += value;
            element.className =newClassName;
        };
    };
    function addClass2(ele,className){
        ele.className += " " + className;
    };
    function addClass3(node,className){
        return node.className += " " + className;
    };

  

   function removeClass2(ele,className){
        var tmpClassName = ele.className;
        ele.className = null;
        ele.className = tmpClassName.split(new RegExp(" " + className + "|" + className + " " + "|" + "^" + className + "$","ig")).join("");
    };
    function removeClass3(node,className){
        eles = node.className.split(/\s+/);//先将已有的class放进数组
        for(var i = 0; i < eles.length; i++){
            if(eles[i] == className){
                eles.splice(i,1);//再遍历删除指定的class
            };
        };
        node.className = eles.join("");//最后将新的数组用空格隔开重新添加回className
        return node;
    };

  

addClass和removeClass函数

标签:blog   io   ar   sp   for   on   div   log   cti   

原文地址:http://www.cnblogs.com/piercalex/p/4118191.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!