排他思想

 

  <body>
    <button>按钮1</button>
    <button>按钮2</button>
    <button>按钮3</button>
    <button>按钮4</button>
    <button>按钮5</button>
  </body>
  <script>
    // 获取所有按钮元素
    let btns = document.getElementsByTagName("button");
    // btns得到的是伪数组   里面的每一个元素 btns[i]
    for (let i = 0; i < btns.length; i++) {
      btns.onclick = function () {
        // (1)我们先把所有的按钮背景颜色去掉   干翻所有人
        for (let i = 0; i < btns.length; i++) {
          btns[i].style.backgroundColor = "";
        }
        // (2)然后才让当前元素背景颜色为pink色  留下自己
        this.style.backgroundColor = "pink";
      };
    }
    // 2.首先排除其他人，然后才设置自己的样式  这种排除其他人的思想我们城伟排他思想
  </script>

 

posted @ 2022-04-18 11:15  罗砂  阅读(38)  评论(0)    收藏  举报