DOM addClass MOveClass

最新推荐文章于 2023-06-26 13:24:08 发布

难瘦不难过

最新推荐文章于 2023-06-26 13:24:08 发布

阅读量659

点赞数

分类专栏： DOM

本文链接：https://blog.csdn.net/osweet12345678/article/details/52085531

版权

DOM 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<!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>