经典问题：表格操作，怎么在已知行的上方再动态插入一行！

Question

<table id="t" border="1">
<tr><td>test</td><td>test</td><td><input type="button" value="在上方插入新行" onclick="insertRow(this)"/></td></tr>
<tr><td>test</td><td>test</td><td><input type="button" value="在上方插入新行" onclick="insertRow(this)"/></td></tr>
<tr><td>test</td><td>test</td><td><input type="button" value="在上方插入新行" onclick="insertRow(this)"/></td></tr>
<tr><td>test</td><td>test</td><td><input type="button" value="在上方插入新行" onclick="insertRow(this)"/></td></tr>
<tr><td>test</td><td>test</td><td><input type="button" value="在上方插入新行" onclick="insertRow(this)"/></td></tr>
<tr><td>test</td><td>test</td><td><input type="button" value="在上方插入新行" onclick="insertRow(this)"/></td></tr>
</table>
<script language="javascript">
<!--
function insertRow(o){
tr = o.parentNode.parentNode;
n  = tr.cloneNode(true);
n.bgColor="red";
tr.parentNode.insertBefore(n,tr);
}
//-->
</script>

Answer 1

function insertRow(o){
tr = o.parentNode.parentNode;
n  = tr.cloneNode(true);         n.childNodes[0].innerText="插入值"; n.bgColor="red";
tr.parentNode.insertBefore(n,tr);
}