Javascript 删除tr 元素

Javascript 删除tr 元素

 

[javascript] view plain copy print ?

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 plain copy print ?

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>