javascript里面的for-of的使用

最新推荐文章于 2024-04-10 09:30:00 发布

特战程序员

最新推荐文章于 2024-04-10 09:30:00 发布

阅读量334

点赞数

文章标签： javascript html5 es6 css3

本文链接：https://blog.csdn.net/li2635996169/article/details/109554956

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			ul {
				list-style: none;
			}
			li {
				width: 430px;
				height: 70px;
				border: 1px solid aliceblue;
			}
		</style>
	</head>
	<body>
		<ul>
			<li></li>
			<li></li>
			<li></li>
		</ul>
		<script>
			let list = document.querySelectorAll("li");//获取所以的li元素
			for (const li of list) {  //循环list里面的每一项
				li.addEventListener('click',function (){ //为每个li元素添加点击事件
					li.style.background="red"; //改变没一个li的背景颜色
				})
			}
					  
		</script>
	</body>
</html>

我精心整理了计算机各个方向的从入门、进阶、实战的视频课程和电子书，都是技术学习路上必备的经验，跟着视频学习是进步最快的，而且所有课程都有源码，直接跟着去学！！！
只要关注微信公众号【web前端开发宝典】后回复你所需方向的关键字即可，比如『Android』、『java』『ReactNative』、『H5』、『javaweb』、『面试』、『机器学习』、『web前端』、『设计模式』等关键字获取对应资料。（所有资料免费送，转发宣传靠大家自愿）在这里插入图片描述