<script type="text/javascript"> function init(){ var input = document.getElementsByTagName("input")[0]; var td=input.parentNode; var tr = input.parentNode.parentNode; var ptr= input.parentNode.parentNode.parentNode; var newinput= document.createElement("input"); var newtd=document.createElement("td"); var newtr=document.createElement("tr"); newtd.appendChild(newinput); newtr.appendChild(newtd); input.onclick=function(){ ptr.insertBefore(newtr,tr); }; }
function init(){
var input = document.getElementsByTagName("input")[0];
var td=input.parentNode;
var tr = input.parentNode.parentNode;
var ptr= input.parentNode.parentNode.parentNode;
var newinput= document.createElement("input");
var newtd=document.createElement("td");
var newtr=document.createElement("tr");
newtd.appendChild(newinput);
newtr.appendChild(newtd);
input.onclick=function(){
ptr.insertBefore(newtr,tr);
};
}
</script>
</head>
<body onload="init()">
<table>
<tr>
<td><input type="text" /></td>
</tr>
</table>
</body>
这个是点击input后,在tr前加一个tr(这个tr里也有input)
<table id="myTable2" style="width:650px;">
<tr>
<td style="width:95px;">序号</td>
<td>评分</td>
<td style="width:70px;">满分</td>
<td>评分标准</td>
<td style="width:60px;">通过性审查</td>
<td style="width:60px;">重要参数</td>
</tr>
<tr class="tabContent">
<td>
<input type="checkbox" id="CKA" />
<input type="text" class="checkTxt" />
</td>
<td>
<input type="text" id="showMenu" ondblclick="showChild()" />
</td>
<td>
<input type="text" class="checkTxt" id="score" />
</td>
<td>
<input type="text" class="txt" />
</td>
<td>
<input type="checkbox"/>
</td>
<td>
<input type="checkbox" />
</td>
</tr>
</table>刚刚是有点没说清楚。
是通过ondblclick="showChild()",然后在鼠标旁边跳出一个这个来,
然后再在你点击鼠标这个tr这行前面或后面添加一行一模一样的tr出来~~~