<body>
<button>大哥亮了</button>
<button>二哥亮了</button>
<button>三哥亮了</button>
<button>四哥亮了</button>
<button>五哥亮了</button>
<script>
//1.获取所有元素元素
var btns = document.getElementsByTagName("button");
for (var i = 0; i < btns.length; i++) {
btns[i].onclick = function() {
//2.清空所有默认的样式
for (var i = 0; i < btns.length; i++) {
btns[i].style.backgroundColor = "";
}
//3.添加颜色
this.style.backgroundColor = "red";
}
}
</script>
</body>
JavaScript——点击事件按钮使div变色
于 2022-08-30 23:32:20 首次发布