用纯js编写斑马条纹

最新推荐文章于 2024-06-24 09:34:36 发布

石界星空

最新推荐文章于 2024-06-24 09:34:36 发布

阅读量1.2k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/stone10086/article/details/70185568

版权

js 专栏收录该内容

69 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <ul>
        <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>0.......</li>
    </ul>
</body>
<script type="text/javascript">
    var bg=document.getElementsByTagName('li');
    for(var i=0;i<bg.length;i++){
        bg[i].style.width='800px';
        bg[i].style.height='50px';
        bg[i].style.listStyle = 'none';
        bg[i].style.margin = '0 auto';
        bg[i].style.textAlign = 'center';
        if(i%2==0){
            bg[i].style.background='red';
        }else{
            bg[i].style.background='blue';
        }
    }

</script>
</html>