JavaScript排他思想案例

最新推荐文章于 2024-10-08 13:51:35 发布

ざ宸梓灏

最新推荐文章于 2024-10-08 13:51:35 发布

阅读量275

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_56709347/article/details/117047441

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button>按钮1</button>
		<button>按钮2</button>
		<button>按钮3</button>
		<button>按钮4</button>
		<button>按钮5</button>
	</body>
	<script>
		var btns = document.querySelectorAll("button");
		for (var x = 0; x < btns.length; x++) {
			btns[x].addEventListener("click",function() {
				for(var x = 0;x < btns.length; x++) {
					btns[x].style.backgroundColor = "";
				}
				this.style.backgroundColor = "orange";
			});
		}
	</script>
</html>