阅读背景:

点击此块颜色变化,其他块恢复颜色的原生js代码

来源:互联网 
<script>
    window.onload=function (){
        var pic=document.getElementById("pic")
        var order=document.getElementsByClassName("order");
        var orderLi=$(".order li");//这个是用jquery获取的,
        for(i=0;i<orderLi.length;i++) {//遍历处理,对于每个块都有onclick函数
       
              orderLi[i].onclick = function () {
                    for(i=0;i<orderLi.length;i++){//在点击事件中再加载一个遍历,当点击事件触发时,先让其他元素的颜色保持不变
                        orderLi[i].style="background-color:aliceblue";
                    }
                    this.style="background-color:red";//为什么要用this,而不是orderLi[i],要点击的事件块发生颜色变化,同时上一步使得其他的块颜色保持不变,这就让上一次点击变化<script>
    window.onload=function (){
   



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: