首页 > 其他 > 详细

表格的增删改操作

时间:2017-02-17 20:01:50      阅读:186      评论:0      收藏:0      [点我收藏+]

技术分享

<!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>

  

表格的增删改操作

原文:http://www.cnblogs.com/john568300/p/6411218.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!