本文摘自PHP中文网,作者藏色散人,侵删。
javascript删除tr的方法:首先创建一个HTML示例文件;然后定义好table表格;最后通过“function delete2(obj){...}”方法删除tr元素即可。

本文操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
javascript怎么删除 tr?
Javascript 删除tr 元素
Javascript
1 2 3 4 5 6 7 8 9 10 11 12 13 | function delete1(obj){
var tr=obj.parentNode.parentNode;
var tbody=tr.parentNode;
tbody.removeChild(tr);
}
function delete2(obj){
$(obj).parent().parent().parent()[0].removeChild($(obj).parent().parent()[0]);
}
function hide(obj){
$(obj).parent().parent().hide();
}
|
HTML
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <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的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
javascript怎么将对象转成字符串
javascript 中 setinterval 函数怎么用?
js怎么设置元素css样式
javascript如何修改文件内容
如何定义一个javascript函数
不属于javascript的数据类型是什么
javascript怎么实现禁止缩放
javascript与html的结合方法详解
javascript中for in语句怎么用
typescript和javascript的区别有哪些
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » javascript怎么删除 tr