目录
一、说明
此示例为一个纯html的添加删除行的示例。意在展示dom的操作中的appenChild用法。
二、代码
html
<table width="100%" border="1" id="tb">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<p>
<script>
/*
操作表格,为表格添加行,删除行操作
*/
function delrow(){
var i=tb.rows.length;
if(i<2){alert("Sorry！您不能再删除了...");return false;}
tb.deleteRow(i-1);
}
function addrow(){
var tr = document.createElement('tr');
var cellsNum = tb.rows[0].cells.length;
for(var j = 0 ; j < cellsNum ; j++){
var td = document.createElement('td');
td.innerHTML='test';
tr.appendChild(td);
}
tb.tBodies[0].appendChild(tr);
}
</script>
<input type="submit" name="Submit" value="删除" onClick="delrow();">
<input type="submit" name="Submit" value="添加" onClick="addrow();">