【示例代码】
function delRow() {
// tableObject.deleteRow(index)
document.getElementById('tableId').deleteRow(0)
}
【说明】
deleteRow() 方法用于从表格删除指定位置的行。
参数 index 指定了要删除的行在表中的位置。行的编码顺序就是他们在文档源代码中出现的顺序。<thead>和 <tfoot>中的行与表中其它行一起编码。
<table><tbody><tr><td>1111</td><td><input type="button" value="删除" onclick="del(this)" /></td></tr>
<tr><td>2222</td><td><input type="button" value="删除" onclick="del(this)" /></td></tr>
<tr><td>3333</td><td><input type="button" value="删除" onclick="del(this)" /></td></tr>
</tbody></table>
<script type="text/javascript">
function del(obj)
{
var tr=obj.parentNode.parentNode//得到按钮[obj]的父元素[td]的父元素[tr]
tr.parentNode.removeChild(tr)//从tr的父元素[tbody]移除tr
}
</script>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)