排他思想

 

复制代码
  <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 @   罗砂  阅读(35)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示