动态表创建者或<td> <tr>创建者

问题描述

| 如果我有一个包含5行和4列的表，但是我必须在下一行添加值。就没有数据库相关的依赖项。我有ADD按钮，我想像当我将单击ADD按钮时一样对其进行编码是新行的补充。我的意思是表中的行的创建者将动态地... 可以给我推销任何示例代码/链接吗 http://jsfiddle.net/或只给我包含该演示代码的任何网址

解决方法

请参阅本教程。它显示了如何添加新的行和列。我不知道如何在jsFiddle上做，但是在我的机器上做了一个演示，如下所示：

<html>
<head>
<title>Demo</title>
<script>
    function appendRow(tblId)
    {
        var tbl = document.getElementById(tblId);
        var newRow = tbl.insertRow(tbl.rows.length);
        var newCell = newRow.insertCell(0);
        newCell.innerHTML = \'Hello World!\';
    }
</script>
</head>
<body>
<table id=\"tabl\" border=\"1\">
    <tr>
        <td>Old one</td>
    </tr>
</table>
<input type=\"button\" value=\"AddRow\" onClick=\"appendRow(\'tabl\')\">
</body>

,可能对完整的JQuery在表中添加行有帮助 ,干得好： http://jsfiddle.net/dgMET/1/

var table = document.getElementById(\"table\");
var row = table.insertRow(table.rows.length);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(0);

td tr 动态动态