javascript_隔行变色

最新推荐文章于 2021-06-29 00:54:11 发布

zhanyan_x

最新推荐文章于 2021-06-29 00:54:11 发布

阅读量493

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/zhanyan_x/article/details/40617555

版权

javascript 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

</pre><pre name="code" class="html"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>隔行变色</title>
		<script type="text/javascript">
			window.onload = function() {
				var oUl = document.getElementById("u1");
				//ul
				var aLi = oUl.getElementsByTagName("li");
				//下面的li数组
				var i = 0;
				for ( i = 0; i < aLi.length; i++) {
					if (i % 2 == 0) {
						aLi[i].style.background = '#ff0000';
					}
				}
			};

		</script>
	</head>
	<body>
		<ul id="u1">
			<li>

			</li>
			<li>

			</li>
			<li>

			</li>
			<li>

			</li>
			<li>

			</li>
			<li>

			</li>
			<li>

			</li>
			<li>

			</li>
			<li>

			</li>
			<li>

			</li>
		</ul>
	</body>
</html>

zhanyan_x

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
javascript_隔行变色

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> 隔行变色 window.onload = function() { var oUl = document.getElementById("u1"); //ul
复制链接

扫一扫