（24）使用DOM删除元素

无人与我共黄昏

于 2014-07-18 21:38:41 发布

阅读量1.1k

点赞数

分类专栏： JavaScript案例解析

本文链接：https://blog.youkuaiyun.com/Xuan6251237011/article/details/37937839

版权

JavaScript案例解析同时被 3 个专栏收录

42 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

JavaScript代码

42 篇文章

订阅专栏

JavaScript

24 篇文章

订阅专栏

这篇博客介绍了如何使用DOM操作删除HTML元素。通过获取当前元素并利用`removeChild`方法，可以实现删除指定元素的功能。文章以删除a标签的父元素li为例进行详细解释。

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

先获取当前元素，然后从ul中用removeChild方法移除当前选中元素，此处this代表当前选中的a标签，实际要删除的是li标签，所以用this.parentNode获取li标签，从而删除。

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
	window.οnlοad=function ()
	{
		var aA=document.getElementsByTagName('a');
		var oUl=document.getElementById('ul1');
		for(var i=0;i<aA.length;i++)
		{
			aA[i].οnclick=function ()
			{
			   oUl.removeChild(this.parentNode);/*从ul中移除this(a元素)的父节点，也就是li*/
			};
		}
	};

 </script>
</head>

<body>
<ul id="ul1">
	<li>第一条<a href="javascript:;">删除</a></li>