美文网首页
原生js给元素添加/删除类

原生js给元素添加/删除类

作者: Lareina林暖暖 | 来源:发表于2017-03-04 21:21 被阅读0次
    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方法是替换 
          }; 
        }; 
     }; 
    

    相关文章

      网友评论

          本文标题:原生js给元素添加/删除类

          本文链接:https://www.haomeiwen.com/subject/mfijgttx.html