Js实现隔行变色功能

lzsan_

已于 2022-03-31 15:27:27 修改

阅读量1.8k

点赞数

文章标签： javascript

于 2022-03-31 15:27:09 首次发布

本文链接：https://blog.csdn.net/lzsan_/article/details/123873444

版权

js实现隔行变色

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
       .li {
           background-color: red;
       }
    </style>
</head>
<body>
    <ul id="ul">
        <li>0</li>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
        <li>7</li>
        <li>8</li>
        <li>9</li>
        <li>10</li>
        <li>11</li>
        <li>12</li>
        <li>13</li>
    </ul>
    <script>
        var oUl=document.getElementById('ul');
        var arr=oUl.children;
        for(var i=0;i<arr.length;i++){
            if(i%2==0){
                arr[i].className="li"
            }
          
        }
    </script>
</body>
</html>