美文网首页
dom_5 表格操作

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>
表格

相关文章

网友评论

      本文标题:dom_5 表格操作

      本文链接:https://www.haomeiwen.com/subject/ylejqqtx.html