神马品牌网花火杂志2017:如何使用javascrtpt动态增删表格？
来源：百度文库 编辑：神马品牌网 时间：2024/04/28 22:00:26
哪位大虾帮忙解答，请附上可用代码，十分感谢。
赶快回答，大虾们
试试这个实例。
单击添加增加一个新行。
单击删除，则删除第一行。
灵活变通，就看你自己的了
<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
<script src =js/AlaiJSCtr/Alai_tc.js></script>
<script>
var innerHTML=[]
innerHTML[0]="<input type =radio name=dd value =on checked>"
innerHTML[1]="名称"
innerHTML[2]="<input type=button name=cmd value =ok>"
innerHTML[3]="123"
function cmdAdd_Click(t){
var tbl = t
var row=tbl.insertRow()
for(var i=1;i<=4;i++)row.insertCell().innerHTML=innerHTML[i-1]//" "
tbl.rows[0].swapNode(tbl.rows[1])
}
function cmdDele_Click(t){
var tbl = t
tbl.deleteRow(0)
var x = tbl.rows[0].innerHTML
}
function cmdChange_Click(){
}
function cmdOper_Click(t){
cmdAdd_Click(t)
}
</script>
</head>
<body>
<form name=form1 >
<p align="center"><input type="button" value="添加" name="cmdAdd" onclick ="cmdAdd_Click(table1)">
<input type="button" value="删除" name="cmdDele" onclick="cmdDele_Click(table1)">
<input type="button" value ="oper" name ="cmdOper" onclick = "if ('add' == hidOper.value) cmdOper_Click(table1)">
</p>
<table align=center id = "table1" border="1" width="50%">
<tr>
<td width="105"> </td>
<td width="172"> </td>
<td> </td>
<td width="94"> </td>
</tr>
<tr>
<td width="105">1</td>
<td width="172">11</td>
<td>1</td>
<td width="94">1</td>
</tr>
<tr>
<td width="105">2</td>
<td width="172">2</td>
<td>2</td>
<td width="94">2</td>
</tr>
</table>
<input type ="hidden" name="hidOper" value ="add">
</form>
<script>
</script>
</body>
</html>