猿问

无法向 HTML 表格添加新行

我有一张桌子,我想向它添加一个新行,但它不起作用我想复制它的第一行,因为它就像新行的模板,然后我想将它附加到正文但由于某种原因它不起作用,即使我没有收到任何错误这里是我的代码:


// getting the body of the table

var tableBody = document.getElementById("tableBody");


// getting the row template

var newRow = document.getElementById("tableRow").cloneNode(true);


// trying to add it

tableBody.appendChild(newRow);


守着星空守着你
浏览 79回答 1
1回答

PIPIONE

在 TR 标签上有一个 id 可能不是一个好主意,因为克隆的行也会有那个 id,你最终会得到一个具有相同 id 的行集合。您可以使用 tbody 行集合定位第一行:function cloneRow() {&nbsp; let tb = document.getElementById("tablebody");&nbsp; let nr = tb.rows[0].cloneNode(true);&nbsp; tb.appendChild(nr);}<button onclick="cloneRow();">Clone Row</button><table>&nbsp; <tbody id="tablebody">&nbsp; &nbsp; <tr>&nbsp; &nbsp; &nbsp; <td>row 1</td>&nbsp; &nbsp; </tr>&nbsp; &nbsp; <tr>&nbsp; &nbsp; &nbsp; <td>row 2</td>&nbsp; &nbsp; </tr>&nbsp; </tbody></table>
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答