javascript ：删除节点：用removeChild()方法从给定元素里删除一个子节点

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

wang_gmail

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

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： Web前端文章标签： javascript 删除节点 removeChild 从给定元素里删除一个子节点

本文链接：https://blog.youkuaiyun.com/wang_gmail/article/details/29374707

Web前端专栏收录该内容

11 篇文章

订阅专栏

本博客展示了如何使用HTML、CSS和JavaScript实现一个交互式的用户喜好列表管理界面，包括城市和电影喜好，并提供了删除选项。

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Untitled Document</title>
		
		<script type="text/javascript">
			
			window.onload = function(){
				var liNodes = document.getElementsByTagName("li");
				for(var i =0;i<liNodes.length;i++){
					liNodes[i].onclick = function(){
						var flag = confirm("你确定要删除"+ this.firstChild.nodeValue +"的信息吗？");
						if(flag){
							this.parentNode.removeChild(this);
						}
					}
				}
			}
		</script>
		
	</head>
	<body>
		<p>你最喜欢的城市：</p>
		<ul id="city">
			<li>北京</li>
			<li>上海</li>
			<li>南京</li>
			<li>吉林</li>
		</ul>
	<p>你最喜欢的电影：</p>
		<ul id="game">
			<li>钢铁侠</li>
			<li>蝙蝠侠</li>
			<li>青蜂侠</li>
			<li>蜘蛛侠</li>
		</ul>
	</body>
</html>