如何使用 JavaScript 在表中添加行动态



我有 2 个添加按钮。标题上的第一个添加按钮,单击此按钮将添加 1 个新行。表格中的第二个添加按钮(例如我帖子上的图像(,单击此按钮将添加新行,例如图像我的帖子。我想在表格中添加行,如下图所示,但我还没有想到解决方案。希望得到您的帮助!

在此处查看图片

insertRow()方法允许您向<table>添加行并返回对新行的引用。将其添加到onClick()函数中应该很容易!:)

这是Mozilla网站上的相关信息。

要解决这个问题,你必须在 td 中添加一个新表,如下所示

function addNewRow() {
let table = document.getElementById("add");
table.innerHTML  += '<table><tr><td><b>This is a test</b></td></tr></table>';
}
<html>
<body>
<button onclick="addNewRow()">Add</button>
<table id='my-table'>
<tr>
<td>This is one td</td>
<td id='add'>This is another td</td>
</tr>
</table>
</body>
</html>

最新更新