隔行变色 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <table>
        <tbody>
            <tr>
                <td>第1行</td>
                <td>第1行</td>
            </tr>
            <tr>
                <td>第2行</td>
                <td>第2行</td>
            </tr>
            <tr>
                <td>第3行</td>
                <td>第3行</td>
            </tr>
            <tr>
                <td>第4行</td>
                <td>第4行</td>
            </tr>
            <tr>
                <td>第5行</td>
                <td>第5行</td>
            </tr>
            <tr>
                <td>第6行</td>
                <td>第6行</td>
            </tr>
        </tbody>
    </table>
    
</body>
<script type="text/javascript">
    var items=document.getElementsByTagName('tr');
    for(i=0;i<items.length;i++){
        if(i%2==0){
            items[i].style.color = 'red'
        }
    }

</script>
</html>

 

posted @ 2017-07-20 13:27  Jinsuo  阅读(152)  评论(0)  编辑  收藏  举报