JavaScript中的排他思想

1. 先找到所有的元素
2. 消灭所有的元素样式，改成初始样式
3. 然后留下自己，设置特定样式

 window.onload=function(){
            // 【1】选择所有的相关元素
            // .getElementsByTagName("li")
            var lis=document.querySelectorAll(".choose>li");
            // lis是一个伪数组(对象)，里面的每一个元素进行遍历
            for(var i=0;i<lis.length;i++){
                lis[i].onclick=function(){
                    // 【2】先进行全部消灭，将所有的背景颜色先全部改为初始颜色
                    for(var j=0;j<lis.length;j++){
                        lis[j].style.backgroundColor="azure";
                    }
                    // 【3】然后留下自己，将当前点击的这个元素的背景颜色进行单独改变
                    // this代指当前事件的所属元素自身，当前自身绝对不能用lis[i]代表
                    this.style.backgroundColor="pink";
                } 
            }
        }