JavaScript 删除DOM 节点

最新推荐文章于 2024-07-27 06:08:36 发布

转载最新推荐文章于 2024-07-27 06:08:36 发布 · 102 阅读

0 ·

CC 4.0 BY-SA版权

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

文章标签：

#javascript #ViewUI

本文提供了一个使用JavaScript删除HTML页面中指定DOM节点的具体示例。通过getElementById和removeChild方法组合，实现了对特定元素的移除，并展示了如何更新列表中最后一个元素的ID。

删除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 onclick="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>

运行结果就是全删没了：