Javascript 刪除tr 元素

標籤：

Javascript 刪除tr 元素   [javascript] view plaincopyprint?

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

                              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

 

 

 

[html] view plaincopyprint?

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

Javascript 刪除tr 元素