添加以及删除className

最新推荐文章于 2023-03-28 17:36:23 发布

weixin_34221773

最新推荐文章于 2023-03-28 17:36:23 发布

阅读量124

点赞数

原文链接：http://www.cnblogs.com/hduhdc/p/5417336.html

版权

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script>
 window.onload=function(){
 
 var oDiv=document.getElementById('di');
 var oDiv2=document.getElementById('di1');
 addClass(oDiv,'boee');
 remove(oDiv2,'box2');
 
     function addClass(obj,className)
     {
        if(obj.className==null)
        {obj.className=className;}
        else{
              var arrClassName=obj.className.split(' ');
             var _index=arrIndexOf(arrClassName,className );
             if(_index==-1)
             {
             obj.className+=' '+className;
             }else{
            }
        
        
        }
     }
     function arrIndexOf(arr,v){
         for(var i=0;i<arr.length;i++)
         {    
            if(arr[i]==v)
            {return i;}
             
         }
     
        return -1;
     
     }
     
     
     function remove(obj,className){
         if(className!=''){
            var arrClassName=obj.className.split(' ');
             var _index=arrIndexOf(arrClassName,className );
             if(_index!=-1)
             {
                arrClassName.splice(_index,1);
                obj.className=arrClassName.join(' ');
             }
         
         }
     }
 };
</script>
</head>
<body>
<div class="box box2" id='di'>div1</div>
<div class="box box2" id='di1'>div2</div>
</body>
</html>

转载于:https://www.cnblogs.com/hduhdc/p/5417336.html

weixin_34221773

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
添加以及删除className

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><script> window.onload=functio...
复制链接

扫一扫