使用javascript在html表的中间插入行

Question

我有一个包含两行的表。

<tr id="row1"><td>first row</td></tr>
<tr id="row2"><td>second row</td></tr>

我需要使用java脚本在row1和row2之间插入几行。 我可以通过使用java脚本创建元素来实现这一点。但我希望使用字符串html内容添加新行。 例如：

"<tr><td>This row is placed between first and second</td></tr>".insertAfter(first row Id);

有这样的方式在两者之间添加行吗？

Answer 1

var newRow = document.createElement("tr");
newRow.innerHTML = "<td>This row is placed... etc.</td>";

var row2 = document.getElementById("row2");
row2.parentNode.insertBefore(newRow, row2);

在此处阅读：https://developer.mozilla.org/en-US/docs/Web/API/Node.insertBefore

Answer 2

使用jQuery。有一个函数insertAfter();

$("#row1").insertAfter("your html");

http://jquery.com/