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循环,以此类推,每隔两个加样式
展开
 我来答
yugi111
2017-06-19 · TA获得超过8.1万个赞
知道大有可为答主
回答量:5.1万
采纳率:70%
帮助的人:1.3亿
展开全部
<!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>
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式