动态表创建者Or <td>& lt; tr>创造者

Dynamics table creator Or <td> <tr> creator

本文关键字：lt 创造者 tr td 创建者 Or 动态      更新时间：2023-09-26

如果我有一个5行4列的表。但是我必须在下一行加上值。没有与数据库相关的依赖项。我有ADD按钮，我想编码它就像什么时候我会点击ADD按钮有添加的新行.......我的意思是在表中创建行将是动态的。

谁能给我看任何示例代码/链接上http://jsfiddle.net/或者给我任何包含演示代码的Url

参见本教程。它展示了如何添加新的行和列。

我不知道如何在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添加row in到表

给你: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);
相关文章：