js for循环给li加样式
<ul><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li>...
<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>
<li></li>
<li></li>
<li></li>
</ul>
这里有无限个li,但是我要在第2个、第3个li加上样式,然后隔两个,就是说在第6个和第7个上也加上样式,for循环,以此类推,每隔两个加样式 展开
<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>
<li></li>
<li></li>
<li></li>
</ul>
这里有无限个li,但是我要在第2个、第3个li加上样式,然后隔两个,就是说在第6个和第7个上也加上样式,for循环,以此类推,每隔两个加样式 展开
1个回答
展开全部
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
.abc {
background-color: red;
}
</style>
<script>
onload = function() {
var lis = document.querySelectorAll("ul li");
for (var i = 1; i < lis.length; i += 4) {
lis[i].className = "abc";
if (lis[i + 1]) {
lis[i + 1].className = "abc";
}
}
}
</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>
<li></li>
<li></li>
<li></li>
</ul>
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询