table通过列号行号设置tr和td属性(css之类的样式)

如题js操作... 如题
js操作
展开
 我来答
九头草鸡
推荐于2017-09-11 · TA获得超过239个赞
知道小有建树答主
回答量:259
采纳率:0%
帮助的人:172万
展开全部
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>JS Table</title>
        <style>
            .blue {
                background:blue;
                color:#fff;
            }
            
            .red {
                background:red;
                color:#fff;
            }
        </style>
    </head>
    <body>
        <table id="t">
            <tr>
                <th>Column One</th>
                <th>Column Two</th>
                <th>Column Three</th>
                <th>Column Four</th>
            </tr>
            <tr>
                <td>Data One</td>
                <td>Data Two</td>
                <td>Data Three</td>
                <td>Data Four</td>
            </tr>
            <tr>
                <td>Data Five</td>
                <td>Data Six</td>
                <td>Data Seven</td>
                <td>Data Eight</td>
            </tr>
        </table>
        <script>
            var t = document.getElementById("t");
            //下面是 js 控制表格行列
            t.rows[1].cells[1].className= "blue";
            t.rows[2].cells[3].className = "red";
        </script>    
    </body>
</html>
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式