操作DOM树之删除指定的标签

最新推荐文章于 2024-08-17 10:24:46 发布

ll123c

最新推荐文章于 2024-08-17 10:24:46 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/ll123c/article/details/88973026

javascript 专栏收录该内容

16 篇文章

订阅专栏

本文通过一个具体的HTML示例展示了如何使用JavaScript来删除页面上的指定元素。具体步骤包括选取目标元素及其父元素，并通过调用removeChild()方法完成删除操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题描述：

删除某一个指定的标签

问题分析：

1.标签不能自己删除自己，所以第一步就要获取到要获取要删除的标签

2.获取被删除标签的父标签

3.父标签调用removeChild()方法


<html>
   <head>
    <title>html示例</title>
   </head>
   <body>
   		<ul id="ul21">
		<li id="li31">西施</li>
		<li id="li32">王昭君</li>
		<li id="li33">貂蝉</li>
		<li id="li34">杨玉环</li>
		</ul>
		<input type="button" value="remove" onclick="remove1();">
		<script type="text/javascript">
			function remove1(){
					var ul21=document.getElementById("ul21");
					var li34=document.getElementById("li34");
					ul21.removeChild(li34);

				}
			
		</script>
   </body>
</html>