getclass removeclass

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script>
       window.onload= function () {
           var a=document.getElementById('div1');
//           getclass(a,'h');
            removeclass(a,'b');
           function getclass(obj,classna){
               if(obj.className==""){
                   obj.className=classna;
               }else{
//                   如果样式中已经有h了就不用重复添加了
                   var arr=obj.className.split(' ');
                   var _index=getarr(arr,classna);
                   if(_index==-1){
                       obj.className+=' '+classna;
                   }
               }
           }
           function removeclass(obj,classna){
               var arr=obj.className.split(' ');
               var _index=getarr(arr,classna);
               if(_index!=-1){
                   arr.splice(_index,1);
                   obj.className=arr.join(' ');
               }
           }
           function getarr(arr,classna){
                 for(var i=0;i<arr.length;i++){
                      if(arr[i]==classna){
                          return i;
                      }
                 }
               return -1;
           }

       };

    </script>
</head>
<body>
<div id="div1" class="h g b"></div>
</body>
</html>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容