（24）使用DOM删除元素_怎么用dom方法销毁一个元素

作者：菜鸟追梦旅行 | 2024-03-05 11:50:28

踩

怎么用dom方法销毁一个元素

先获取当前元素，然后从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>
	<li>第二条<a href="javascript:;">删除</a></li>
	<li>第三条<a href="javascript:;">删除</a></li>
	<li>第四条<a href="javascr

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/190824