JavaScript 删除DOM 节点

最新推荐文章于 2024-06-25 20:43:11 发布

weixin_30274627

最新推荐文章于 2024-06-25 20:43:11 发布

阅读量67

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zyn0216/p/7512548.html

版权

删除DOM节点

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
	<script type="text/javascript">
		function em() {
			//alert("asdhj");
		var parent=document.getElementById("parent");
		var child=document.getElementById("child");
		parent.removeChild(child);
		
		var lis=document.getElementsByTagName("li");
		lis[lis.length-1].id="child";
		}
	</script>
</head>
<body>
<button οnclick="em()">点击删除</button>
	
<ul id="parent">
	<li>1</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
	<li>5</li>
	<li>6</li>
	<li>7</li>
	<li>8</li>
	<li>9</li>
	<li id="child">10</li>
</ul>
</body>
</html>

运行结果就是全删没了：