DOM addClass MOveClass

来源:互联网 发布:首席财务官 知乎 编辑:程序博客网 时间:2024/06/18 09:42

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>添加Class</title>    <script>        window.onload=function(){            var oDiv=document.getElementById('div1');            //addClass(oDiv,'box');            moveClass(oDiv,'box');            /*function addClass(obj,className){                if(obj.className==' '){                    obj.className=className;                }else {                    //obj.className +=' ' +className;                    //如果原来有class                    //如果要添加的class在原来的class中不存在                    var arrClassName=obj.className.split(' ');                    var _index = arrIndexOf(arrClassName,className);                    if(_index==-1){                        obj.className += ' '+className;                    }                }            }*/            function moveClass(obj,className){                if(obj.className !=''){                    var arrClassName=obj.className.split(' ');                    var _index=arrIndexOf(arrClassName,className);                    if(_index !=-1){                        arrClassName.splice(_index,1);                        obj.className=arrClassName.join(' ');                    }                }            }            function arrIndexOf(arr,v){                for (var i=0;i<arr.length;){                    if(arr[i]==v){                        return i;                    }                    return -1;                }            }        }    </script></head><body><div id="div1" class="box" ></div></body></html>
0 0
原创粉丝点击