Javascript 删除tr 元素

时间：2015-07-15 12:58:58 阅读：108 评论：0 收藏：0 [点我收藏+]

标签：

Javascript 删除tr 元素

[javascript] view plain copy print ?

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();
}

               
               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 ?

<table>
<tbody>
<tr>
<td>xxx1</td>
<td><span onclick="delete1(this)">删除</span></td>
</tr>
<tr>
<td>xxx1</td>
<td><span onclick="delete2(this)">删除</span></td>
</tr>
<tr>
<td>xxx1</td>
<td><span onclick="hide(this)">隐藏</span></td>
</tr>
</tbody>
</table>

Javascript 删除tr 元素

标签：

原文地址：http://www.cnblogs.com/firstdream/p/4647868.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行