<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<ul>
<li>i+1</li>
<li>i+2</li>
<li>i+3</li>
<li>i+4</li>
<li>i+5</li>
</ul>
<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 = "green";
}
}
var i = 1;
while (i <= 10) {
if (i % 2 != 0) {
lis[i - 1].style.backgroundColor = "red";
} else {
lis[i - 1].style.backgroundColor = "green";
}
i++;
}
</script>
</body>
</html>
用js实现将奇数列的li背景色设置为红色,偶数列li背景色设置为绿色
最新推荐文章于 2023-03-27 17:35:02 发布