JS页面中有一个ul列表，共有10个li标签，其中奇数项显示背景色红色，偶数项显示背景色黄色。（for,while各自实现一下）

最新推荐文章于 2023-12-21 09:29:36 发布

七上八下的爆米花

最新推荐文章于 2023-12-21 09:29:36 发布

阅读量3.7k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/lanseguhui/article/details/80864758

版权

JavaScript 专栏收录该内容

44 篇文章 2 订阅

订阅专栏

<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		li{
			list-style:none;
			width: 100px;
			height: 50px;
		}
	</style>
</head>
<body>
	<ul>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>
	
</body>
<script>
	var lis = document.querySelectorAll("li");
	for(var i = 0;i < 10;i++){
		if(i % 2!=0){
			lis[i].style.backgroundColor="red";
		}else{
            lis[i].style.backgroundColor="yellow";
		}
	}

   var i = 1;
   while(i<=10){
   	if(i%2!=0){
   		lis[i-1].style.backgroundColor="red";
   	}else{
   		lis[i-1].style.backgroundColor="yellow";
   	}
   	i++;

   }
</script>
</html>