try something like
<table id="mytbl" border="1">
</table>
<input type="button" value="add" onclick="addInput()">
<script language="javascript">
function addInput()
{
var row = mytbl.insertRow();
var cell = row.insertCell();
var input = document.createElement("INPUT");
input.type = "text";
input.name="txt";
cell.appendChild(input); cell = row.insertCell();
input = document.createElement("INPUT");
input.type = "button";
input.value="remove";
input.onclick=removeInput;
cell.appendChild(input);
}function removeInput()
{
var e = event.srcElement;
mytbl.deleteRow(e.parentElement.parentElement.rowIndex);
}
</script>
<table id="mytbl" border="1">
</table>
<input type="button" value="add" onclick="addInput()">
<script language="javascript">
function addInput()
{
var row = mytbl.insertRow();
var cell = row.insertCell();
var input = document.createElement("INPUT");
input.type = "text";
input.name="txt";
cell.appendChild(input); cell = row.insertCell();
input = document.createElement("INPUT");
input.type = "button";
input.value="remove";
input.onclick=removeInput;
cell.appendChild(input);
}function removeInput()
{
var e = event.srcElement;
mytbl.deleteRow(e.parentElement.parentElement.rowIndex);
}
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <script language="javascript">
function addChangeRecord()
{
try
{
var oTop = document.all("recordinput");
var oRecordInput = document.createElement("tr");
var oTd = document.createElement("td");
var iCount = oTop.childNodes.length; var iRecordID = iCount + 1;
oTd.innerHTML = '<input id="txtChangeRecord_' + iRecordID +
'" name="txtChangeRecord_' + iRecordID +
'" size="60">(' + iRecordID + ')';
oRecordInput.appendChild(oTd);
oTop.appendChild(oRecordInput);
}
catch(e)
{
//alert(e.description);
}
}
function delChangeRecord()
{
try
{
var oTop = document.all("recordinput");
var iCount = oTop.childNodes.length;
if(iCount > 3)
{
var oRecordInput = oTop.childNodes.item(iCount - 1);
oTop.removeChild(oRecordInput);
}
}
catch(e)
{
//alert(e.description);
}
} </script><body> <table style="BORDER-COLLAPSE: collapse" cellSpacing="0" cellPadding="3" width="100%" border="0">
<label for="txtDeviceName">
<tr>
<td width="23%" nowrap="" valign="top"><font color="red">*</font>设备列表<br/> 及变更记录</td>
<td width="77%">
请在输入设备名称及变更记录，请根据设备数量
<a href="javascript:addChangeRecord()">+增加</a> 或
<a href="javascript:delChangeRecord()">-减少</a> 输入框
</td>
</tr>
</label>
<tr>
<td width="23%" nowrap=""></td>
<td width="77%" id="tdChangeRecord">
<table cellpadding="0" cellspacing="0" border="0">
<tbody id="recordinput" >
<tr>
<td><input id="txtChangeRecord_1" name="txtChangeRecord_1" size="60"/>(1)</td>
</tr>
<tr>
<td><input id="txtChangeRecord_2" name="txtChangeRecord_2" size="60"/>(2)</td>
</tr>
<tr>
<td><input id="txtChangeRecord_3" name="txtChangeRecord_3" size="60"/>(3)</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</body>
</html>