【需求】:设置按钮增加行,删除行
【代码】:
<input type="button" value="添加行" onclick="addtr()">
<table border="1px" id="table1" cellspacing="0px;">
<tr align="center">
<td style="width: 100px;">名称</td>
<td style="width: 100px;">规格</td>
<td style="width: 100px;">单位</td>
<td>选择</td>
</tr>
</table>
<script>
function addtr(){
var tableobj =document.getElementById("table1");
var trobj =document.createElement("tr");
for (var i = 0; i < 3; i++) {
var tdobj = document.createElement("td");
tdobj.innerHTML="<input style='width: 100px;' type='text'></input>";
trobj.appendChild(tdobj);
}
var tdobj = document.createElement("td");
tdobj.innerHTML="<input type='button' value='删除' onclick=delecttr(this)>";
trobj.appendChild(tdobj);
tableobj.appendChild(trobj);
}
</script>