菜鸟练题：1.js通过取余实现隔行变色

最新推荐文章于 2023-05-17 16:00:46 发布

安康全是山

最新推荐文章于 2023-05-17 16:00:46 发布

阅读量243

点赞数

分类专栏： Ĵs基础文章标签： Ĵs练手

本文链接：https://blog.csdn.net/k912120/article/details/83339667

版权

Ĵs基础专栏收录该内容

2 篇文章 2 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>取模-隔行变色</title>
	<script type="text/javascript">
		// 目标：偶数行变色
		window.onload=function(){
			var aLi=document.getElementsByTagName("li");
			for(var i=0; i<aLi.length;i++){
				if(i%2==0){
					aLi[i].style.background="#4CAF50";
				}else{
					aLi[i].style.background=" ";
				}
			}
		}
	</script>
</head>
<body>
	<ul>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>

</body>
</html>

安康全是山

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
菜鸟练题：1.js通过取余实现隔行变色

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;取模-隔行变色&lt;/title&gt; &lt;script type="text/javascript"&gt; // 目
复制链接

扫一扫

专栏目录