js学习之排他思想

最新推荐文章于 2024-08-05 22:44:37 发布

二朔吖

最新推荐文章于 2024-08-05 22:44:37 发布

阅读量131

点赞数

文章标签： js 算法

本文链接：https://blog.csdn.net/weixin_54893445/article/details/117465582

版权

按钮之间的切换，点击一个按钮，其背景色就会改变。

如果有一组元素，我们想要某一个元素实现某种样式，需要用到循环的排他思想算法：

1.让所有元素全部清除样式（干掉其他人）

2.给当前元素设置样式（留下我自己）

3.注意顺序不能颠倒，首先干掉其他人，再设置自己

<head>
	<meta charset="UTF-8">
	<title></title>
</head><body>
	<button>按钮一</button>
	<button>按钮二</button>
	<button>按钮三</button>
	<button>按钮四</button>
	<button>按钮五</button>
</body>

<script type="text/javascript">
		var btns=document.getElementsByTagName('button');
		for(var i=0;i<btns.length;i++){
			btns[i].onclick=function(){
			for(var i=0;i<btns.length;i++){
				btns[i].style.backgroundColor='';
			}
			this.style.backgroundColor='pink';
			}
		}
	</script>

</html>

二朔吖

关注

0
点赞
踩
0

收藏

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

按钮之间的切换，点击一个按钮，其背景色就会改变。如果有一组元素，我们想要某一个元素实现某种样式，需要用到循环的排他思想算法：1.让所有元素全部清除样式（干掉其他人）2.给当前元素设置样式（留下我自己）3.注意顺序不能颠倒，首先干掉其他人，再设置自己<head> <meta charset="UTF-8"> <title></title></head><body> <button>按钮一</butt
复制链接

扫一扫