javascript删除tr的方法：首先创建一个HTML示例文件；然后定义好table表格；最后通过“function delete2(obj){...}”方法删除tr元素即可。
本文操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
javascript怎么删除 tr？
Javascript 删除tr 元素
Javascript
立即学习“Java免费学习笔记（深入）”；
function delete1(obj){
var tr=obj.parentNode.parentNode;
var tbody=tr.parentNode;
tbody.removeChild(tr);
}
//使用Jquery 删除
function delete2(obj){
$(obj).parent().parent().parent()[0].removeChild($(obj).parent().parent()[0]);
}
//该方式只是将TR 元素隐藏
function hide(obj){
$(obj).parent().parent().hide();
}HTML
<table> <tbody> <tr> <td>xxx1</td> <td><span οnclick="delete1(this)">删除</span></td> </tr> <tr> <td>xxx1</td> <td><span οnclick="delete2(this)">删除</span></td> </tr> <tr> <td>xxx1</td> <td><span οnclick="hide(this)">隐藏</span></td> </tr> </tbody> </table>
推荐学习：《javascript高级教程》
以上就是javascript怎么删除 tr的详细内容，更多请关注php中文网其它相关文章！
java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
275
