表格操作

最新推荐文章于 2022-04-13 15:08:41 发布

宅羽

最新推荐文章于 2022-04-13 15:08:41 发布

阅读量117

点赞数

分类专栏： DOM案例

本文链接：https://blog.csdn.net/sky6even/article/details/80767934

版权

DOM案例专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <table>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
    </table>

    <script>

//        rows:返回值是数组    (只读，table和textarea能用)
        var tab = document.getElementsByTagName("table")[0];

        insertRow()         (只有table能调用)
        var tr = document.createElement("tr");
//        var aaa = tab.insertRow(2);//指定索引值之前插入
        deleteRow()       (只有table能调用)
//        tab.deleteRow(2);
//
        console.log(aaa == tr);
//        console.log(aaa);
//        console.log(tab.rows);

        cells                 (只读，tr和textarea能用)
//        var ce = tab.children[0];
//        console.log(ce.children[0].cells);
        insertCell()        (只有tr能调用)
//        ce.children[0].insertCell(0);
//
        deleteCell()        (只有tr能调用)
//        ce.children[0].deleteCell(0);




    </script>


</body>
</html>