javascript怎么删除tr元素

javascript怎么删除tr元素

这篇文章主要讲解了“javascript怎么删除tr元素”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“javascript怎么删除tr元素”吧！

javascript删除tr的方法：首先创建一个HTML示例文件；然后定义好table表格；最后通过“function delete2(obj){…}”方法删除tr元素即可。

本文操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

javascript怎么删除 tr？

Javascript 删除tr 元素

Javascript

             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怎么删除tr元素”的内容了，经过本文的学习后，相信大家对javascript怎么删除tr元素这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是高防服务器网，小编将为大家推送更多相关知识点的文章，欢迎关注！

[微信提示：高防服务器能助您降低 IT 成本，提升运维效率，使您更专注于核心业务创新。

[图文来源于网络，不代表本站立场，如有侵权，请联系高防服务器网删除]
[