在JS表格中怎么删除一行(不是指定行,而是我

在JS表格中怎么删除一行(不是指定行,而是我,第1张

可以使用table对象的deleteRow方法

【示例代码】

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>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/9971042.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-03
下一篇 2023-05-03

发表评论

登录后才能评论

评论列表(0条)

保存