HTML设置页面

原创于 2021-06-11 09:15:09 发布 · 595 阅读

·

0

·

0 ·

CC 4.0 BY-SA版权

练习一：页面加载完成后，将奇数列的li背景色设置为红色，偶数列li背景色设置为绿色

<body>
    <ul>
        <li >li1</li>
        <li >li2</li>
        <li >li3</li>
        <li >li4</li>
        <li >li5</li>
    </ul>
</body>
<script type="text/javascript">
    d=document.getElementsByTagName("li");
    for(p=d.length;p--;){
        if(p%2==0){d[p].style.backgroundColor='#FF0000'/*其他*/}
        else{d[p].style.backgroundColor='#00FF00'/*点击的*/} 
        } 
</script>