码迷,mamicode.com
首页 > 其他好文 > 详细

表格的增删改操作

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

标签:put   div   highlight   delete   document   javascrip   val   for   cell   

技术分享

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

  

表格的增删改操作

标签:put   div   highlight   delete   document   javascrip   val   for   cell   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!