如何动态地在两个元素之间插入元素?
问题描述:
我使用一个表,其中有按钮,按钮点击我希望两个TR之间或在TR结束时插入新的TR元素... 我的代码放在这里如何动态地在两个元素之间插入元素?
<table>
<tbody>
<tr>
<td>
<input type="submit" value="Add" onclick="addFunction()" />
</td>
</tr>
<tr>
<td>
<input type="submit" value="Add" onclick="addFunction()" />
</td>
</tr>
<tr>
<td>
<input type="submit" value="Add" onclick="addFunction()" />
</td>
</tr>
</tbody>
</table>
我想插入旁边的已触发事件... 注意的元素新的TR元素:我没有使用任何JavaScript库,只是简单的JavaScript
答
<table>
<tbody>
<tr>
<td>
<input type="submit" value="Add" onclick="addFunction(this)" />
</td>
</tr>
<tr>
<td>
<input type="submit" value="Add" onclick="addFunction(this)" />
</td>
</tr>
<tr>
<td>
<input type="submit" value="Add" onclick="addFunction(this)" />
</td>
</tr>
</tbody>
</table>
function addFunction(input)
{
var newTr = document.createElement("tr");
var curRow = input.parentNode.parentNode;
curRow.parentNode.insertBefore(newTr, curRow.nextSibling);
}
哎!谢谢你...马修Flaschen ..这工作正常... – 2010-05-29 07:20:40