<table border=1>
<tr><td>第一行</td></tr>
<tr id=a1>
<td><input type="text" name="txtRow1" size="40" />
<input type='button' value='delete' onclick="deleteRow(this)"/></td>
<tr><td> 最后一行</td></tr>
</tr>
</table>
<input type=button name=ok onclick=add()>
<script language=JavaScript>
i=1
function add(){
var newTR = a1.cloneNode(true);
newTR.id="a"+(++i)
a1.parentNode.insertAdjacentElement("beforeEnd",newTR);
}
</script>
我想通过克隆tr地方法向表格中固定位置即第一行与最后一行之间插入文本框与按钮,然后想通过点按钮将其所对应的行删掉,如何实现?
<tr><td>第一行</td></tr>
<tr id=a1>
<td><input type="text" name="txtRow1" size="40" />
<input type='button' value='delete' onclick="deleteRow(this)"/></td>
<tr><td> 最后一行</td></tr>
</tr>
</table>
<input type=button name=ok onclick=add()>
<script language=JavaScript>
i=1
function add(){
var newTR = a1.cloneNode(true);
newTR.id="a"+(++i)
a1.parentNode.insertAdjacentElement("beforeEnd",newTR);
}
</script>
我想通过克隆tr地方法向表格中固定位置即第一行与最后一行之间插入文本框与按钮,然后想通过点按钮将其所对应的行删掉,如何实现?
<table border=1>
<tr><td>第一行</td></tr>
<tr id=a1 style="display:none">
<td>
<input type="text" name="txtRow1" size="40"/>
<input type="button" value="delete" onclick="deleteRow(this);"/>
</td>
</tr>
<tr><td>最后一行</td></tr>
</table>
<input type="button" value="ok" onclick="add();">
<script language="JavaScript">
i=1;
function add(){
var newTR=a1.cloneNode(true);
newTR.id="a"+(++i);
newTR.style.display="inline";
document.all("a"+(i-1)).insertAdjacentElement("afterEnd",newTR);
}
function deleteRow(o){
o.parentNode.parentNode.style.display="none";
}
</script>