<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<title>Form Object example</title>
<head>
<script language="javascript">
function delrow1() {
var oElement = event.srcElement;
while (oElement.tagName != "TR") {
oElement = oElement.parentElement;
}
var oTBody = oElement.parentElement;
oTBody.removeChild(oElement);
}
function delrow2()//刪除当前行
{
var currRowIndex = event.srcElement.parentNode.parentNode.rowIndex;
document.all.yltable.deleteRow(currRowIndex); //table10--表格id
}
function insertrow1() //增加的一行方法1
{
var newnode = document.getElementById('yltable').lastChild.cloneNode(true);
document.getElementById('yltable').appendChild(newnode);
}
function insertrow2() //增加的一行方法2
{
var newRow = document.all.yltable.insertRow(-1);
var j_1 = document.all.yltable.rows.length;
var newcell = newRow.insertCell();
newRow.bgColor = '#FFFFFF';
newcell.align = 'center';
newcell.innerHTML = "" + j_1 + "";
newcell = newRow.insertCell();
newRow.bgColor = '#FFFFFF';
newcell.align = 'center';
newcell.innerHTML = "<input type='text' name='ylText" + j_1 + "' />";
newcell = newRow.insertCell();
newRow.bgColor = '#FFFFFF';
newcell.align = 'center';
newcell.innerHTML = '<input name="button3" type="button" onClick="delrow1()" value="删除1"> <input name="button3" type="button" onClick="delrow2()" value="删除2">';
document.all.yltable.focus();
}
function inserttable() {
var newnode = document.getElementById('yltable').cloneNode(true);
document.getElementById('ylform').appendChild(newnode);
}
</script>
</head>
<body>
<form name="ylform" id="ylform">
<center>
<input name="button" type="button" onclick="inserttable()" value="增加表格">
<input name="button2" type="button" onclick="insertrow1()" value="增加一行1">
<input name="button22" type="button" onclick="insertrow2()" value="增加一行2">
</center>
<table border="1" align="center" width="50%" id="yltable">
<tbody id="yl1">
<tr>
<td width="30%" height="22">
<div align="center">
1</div>
</td>
<td width="40%">
<div align="center">
<input name="textfield" type="text" value="yl">
</div>
</td>
<td width="30%">
<div align="center">
<input name="button3" type="button" onclick="delrow1()" value="删除1">
<input name="button3" type="button" onclick="delrow2()" value="删除2">
</div>
</td>
</tr>
</tbody>
<tbody id="yl2">
<tr>
<td>
<div align="center">
2</div>
</td>
<td>
<div align="center">
<input name="textfield2" type="text" value="yanleigis">
</div>
</td>
<td>
<div align="center">
<input name="button3" type="button" onclick="delrow1()" value="删除1">
<input name="button3" type="button" onclick="delrow2()" value="删除2">
</div>
</td>
</tr>
</tbody>
<tbody id="yl3">
<tr>
<td>
<div align="center">
3</div>
</td>
<td>
<div align="center">
<input name="textfield22" type="text" value="Landgis@126.com">
</div>
</td>
<td>
<div align="center">
<input name="button3" type="button" onclick="delrow1()" value="删除1">
<input name="button3" type="button" onclick="delrow2()" value="删除2">
</div>
</td>
</tr>
</tbody>
</table>
</form>
</body>
</html>