原生JS实现 改变当前被点击元素样式,其他元素保持原来样式

/*  为了不污染全局变量使用闭包
    实现思路:直接清除全部div的class,然后只给当前被点击的div加上class
*/
        (function(){
            var menu = document.getElementById('menu');
            var divs = menu.getElementsByTagName('div');
            for(var i = 0; i < divs.length; i++){
                divs[i].onclick = function(){
                    for(var i = 0; i < divs.length; i++){
                        divs[i].className = '';
                    }
                    this.className = 'active';
                }
            }
        })();

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.duanlonglong.com/qdjy/946.html