表格的增删改操作

Posted john。

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了表格的增删改操作相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>表格的增删改操作</title>
    <script type="text/javascript">
        function createTable() {
            var body = document.getElementById("test");
            var table = document.createElement("table");
            table.id = "table1";
            table.border=1;
            //行 ，单元格
            for(var i = 0;i<5;i++){
                var row = table.insertRow(i);
                for(var j=0;j<4;j++){
                    var cell = row.insertCell(j);
                    cell.innerHTML="值"+i+j;
                }
            }
            body.appendChild(table);
        }
        function deleteLastRow(){

        }
        function deleteLastCell(){

        }

    </script>
</head>
<body id="test">
<input type="button" value="创建一个5行4列的表格" onclick="createTable()"/>
<input type="button" value="删除最后一行" onclick="deleteLastRow()"/>
<input type="button" value="删除最后一个单元格" onclick="deleteLastCell()"/>
</body>
</html>

　　

以上是关于表格的增删改操作的主要内容，如果未能解决你的问题，请参考以下文章

表格的增删改操作

使用vue实现表格的增删改查

浅谈表格（jq）的增删改查

java swing怎么通过按钮实现对表格的增删改查操作

Axure8利用中继器（Repeater）实现表格数据的增删改

LinQ的增删改查