排他思想

最新推荐文章于 2022-05-31 20:47:18 发布

Feolu

最新推荐文章于 2022-05-31 20:47:18 发布

阅读量151

点赞数

分类专栏：算法文章标签：算法 js javascript

本文链接：https://blog.csdn.net/qq_40937541/article/details/113847880

版权

算法专栏收录该内容

1 篇文章 0 订阅

订阅专栏

适用场景：一组元素中的某个元素实现某种样式或行为
思路：
1. 所有元素全部清除样式（干掉其他人）
2. 给当前元素设置样式（留下我自己）
以上步骤，/ 不能颠倒顺序。/

  <body>
    <button>按钮1</button>
    <button>按钮2</button>
    <button>按钮3</button>
    <button>按钮4</button>
    <button>按钮5</button>
    <script>
      // 1. 获取所有元素
      var btns = document.getElementsByTagName("button");
      for (let index = 0; index < btns.length; index++) {
        btns[index].onclick = function () {
          // 2.1 把所有按钮的北京颜色都去掉 干掉所有人
          for (var i = 0; i < btns.length; i++) {
            btns[i].style.backgroundColor = ''
          }
          // 2.2 设置当前按钮的北京颜色  保留我自己
          this.style.backgroundColor = 'pink'
        };
      }
    </script>
  </body>

Feolu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
排他思想

适用场景：一组元素中的某个元素实现某种样式或行为思路：1. 所有元素全部清除样式（干掉其他人）2. 给当前元素设置样式（留下我自己）以上步骤，/ 不能颠倒顺序。/ <body> <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> &lt
复制链接

扫一扫