dom_5 表格操作

作者: basicGeek | 来源:发表于2018-11-23 14:33 被阅读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>

表格