用js实现将奇数列的li背景色设置为红色，偶数列li背景色设置为绿色

最新推荐文章于 2023-03-27 17:35:02 发布

wangfei933

最新推荐文章于 2023-03-27 17:35:02 发布

阅读量2.5k

点赞数

分类专栏： js基础语法文章标签： javascript

本文链接：https://blog.csdn.net/wangfei933/article/details/117692167

版权

js基础语法专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!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>

wangfei933

关注

0
点赞
踩
8

收藏

觉得还不错? 一键收藏
1
评论
用js实现将奇数列的li背景色设置为红色，偶数列li背景色设置为绿色

<!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&g.
复制链接

扫一扫

专栏目录