javascript排他思想 -- 案例⭐

像素格式问题效果不太显著，正确效果为单击后自身变色其余恢复默认

效果预览

html代码

  <button>按钮</button>
  <button>按钮</button>
  <button>按钮</button>
  <button>按钮</button>
  <button>按钮</button>

css代码

无

js代码

<script>
  //获取按钮
  var button = document.getElementsByTagName('button')
  for (var i = 0; i < button.length; i++) {
    button[i].onclick=function (){
        //先干掉别人
        for (var j = 0; j < button.length; j++) {
            button[j].style.background=''
        }
        //再添加自己
      this.style.background='pink'
    }
  }
</script>