Javascript 删除tr 元素

Javascript 删除tr 元素

 

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. }

               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

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>