addClass

最新推荐文章于 2025-06-27 06:15:56 发布

原创最新推荐文章于 2025-06-27 06:15:56 发布 · 226 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

js 专栏收录该内容

4 篇文章

订阅专栏

本文通过一个简单的示例展示了如何使用JavaScript为DOM元素添加类名。具体实现了当页面加载完成后，为id为'div1'的div元素添加'class'为'box1'的过程。该示例涉及到了window.onload事件的使用以及自定义函数的实现。


> <script>
window.onload = function()
{
    var oDiv = document.getElementById('div1');
    addClass(oDiv, 'box1')

    function addClass(obj, className)
    {
        var arr = obj.className.split(' ');
        var _index = arrIndexOf(arr, className);
        if(obj.className == '')
            obj.className = className;
        else
        {
            if(_index == -1)
                obj.className += ' ' + className;
        }

    }


    function arrIndexOf(arr, v)
    {
        for(var i = 0; i < arr.length; i++)
        {   if(arr[i] == v){
                return i;
            }
        }
        return -1;

    }
};
</script>
</head>

<body>
<div id="div1" class="box"></div>
</body>