动态表创建者或创建者

时间:2011-04-15 11:17:10

标签: javascript html css

如果我有一个包含5行和4列的表。但是我必须在下一行添加值。这里没有与数据库相关的依赖项。我有ADD按钮,我想编写代码就像我什么时候点击添加按钮有一个新行....... 我的意思是表中行的创造将动态地......

ayy可以给我任何示例代码/链接 http://jsfiddle.net/或者只是给我任何包含该

演示代码的网址

3 个答案:

答案 0 :(得分:0)

tutorial。它显示了如何添加新的行和列。


我不知道如何在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>

答案 1 :(得分:0)

答案 2 :(得分:0)

你走了: 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);