js实现隔行显示不同背景

最新推荐文章于 2022-11-12 00:25:35 发布

那就可爱多一点点

最新推荐文章于 2022-11-12 00:25:35 发布

阅读量583

点赞数 1

CC 4.0 BY-SA版权

分类专栏： HTML

本文链接：https://blog.youkuaiyun.com/qq_37241934/article/details/82933430

HTML 专栏收录该内容

17 篇文章

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>js实现隔行显示不同背景</title>
<style>
a {font-size:14px; line-height:25px; text-decoration:none;}
ul {list-style:none;}
</style>
<script>
//此处编写代码，实现下面列表隔行显示不同背景颜色
window.onload = function ()
{
	var y = document.getElementsByTagName('li');
for(var i = 0; i< y.length;i++){
	if(i%2==1)
	{
		y[i].style.backgroundColor="red";
	}
}
}

</script>
</head>
<body > 
<ul>
  <li><a href="http://news.163.com/17/0319/09/CFSN35BL0001875P.html" >4名嫌疑人胁迫强奸少女拍视频 3人为未成年人</a></li>
  <li><a href="http://news.163.com/17/0318/20/CFRCA04N000187VE.html">乡人大主席上门做拆房动员 突遭村民镰铲袭击死亡</a></li>
  <li><a href="http://news.163.com/17/0319/10/CFSRSCPU0001875P.html">全家在野生动物园白虎区多次下车 员工劝阻2次</a></li>
  <li><a href="http://news.163.com/17/0319/13/CFT6C0H80001899N.html">游客在野生动物园2次下车被员工劝阻:1次在白虎区</a></li>
  <li><a href="http://news.163.com/17/0318/23/CFRLCCVR0001875M.html">侠客岛:不排除战争? 美国务卿对朝表态卖的什么药</a></li>
  <li><a href="http://news.163.com/17/0318/23/CFRKJHE9000187V9.html">女作家"环游世界"魂断印度 遭奸杀被啤酒瓶砸死</a></li>
  <li><a href="http://news.163.com/17/0319/13/CFT4PLD00001899N.html">江西一家六口在缅甸遭歹徒杀害 最小遇害者仅2岁</a></li>
  <li><a href="http://news.163.com/photoview/00AP0001/2243455.html">北京野生动物园自驾区 一家人多次下车</a></li>
  <li><a href="http://news.163.com/17/0319/09/CFSLMUF80001875N.html">这个职业全国缺口近1000万 中央明确提高待遇</a></li>
  <li><a href="http://news.163.com/photoview/00AP0001/2243381.html">饭店厨房起火 十多名快递小哥排队灭火</a></li>
</ul>
</body>
</html>