Javascript 删除tr 元素

Myth丶恋晨 2022-01-06 18:45 442阅读 0赞

Javascript

  1. function delete1(obj){
  2.             var tr=obj.parentNode.parentNode;
  3.             var tbody=tr.parentNode;
  4.             tbody.removeChild(tr);
  5.         }
  6.         //使用Jquery 删除
  7.         function delete2(obj){
  8.             $(obj).parent().parent().parent()[0].removeChild($(obj).parent().parent()[0]);
  9.         }
  10.         //该方式只是将TR 元素隐藏
  11.         function hide(obj){
  12.             $(obj).parent().parent().hide();
  13.         }

HTML

  1. <table>
  2.         <tbody>
  3.             <tr>
  4.                 <td>xxx1</td>
  5.                 <td><span οnclick="delete1(this)">删除</span></td>
  6.             </tr>
  7.             <tr>
  8.                 <td>xxx1</td>
  9.                 <td><span οnclick="delete2(this)">删除</span></td>
  10.             </tr>
  11.             <tr>
  12.                 <td>xxx1</td>
  13.                 <td><span οnclick="hide(this)">隐藏</span></td>
  14.             </tr>
  15.         </tbody>
  16.     </table>

发表评论

表情：
评论列表 （有 0 条评论，442人围观）

还没有评论，来说两句吧...

相关阅读

    相关 JavaScript教程：删除HTML元素

    在JavaScript编程中，我们经常需要操作和控制网页上的HTML元素。有时候，我们需要删除一个特定的HTML元素，以便根据需要更新页面的内容。本教程将向您展示如何使用Jav

    女爷i女爷i/ 0 赞/ 158 阅读