(9)JavaScript DOM删除节点

删除节点：
1.removeChild（）：从一个给定元素里删除一个子节点
var reference = element.removeChild（node）；
返回值是一个指向已被删除的子节点的引用指针某个节点被removeChild（）方法删除时这个节点所包含的所有子节点将同时被删除如果想删除某个节点但不知道它的父节点是哪一个 parentNode可以帮忙

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
	<script type="text/javascript">
	 //测试removeChild（）方法：删除节点
	  window.onload = function()
	  {
	  	
	  	//为每一个li节点添加一个 confirm（确认对话框）：确定要删除XX的信息吗
	  	//若确定 则删除
	  	var liNodes = document.getElementsByTagName("li");
	  	
	  	for(var i = 0; i < liNodes.length; i ++){
	  		//鼠标触发事件
	  		liNodes[i].onclick = function(){
	  			var flag = confirm("确定要删除吗？");
	  			//如果确定要删除
	  			if(flag){
	  			//获取父亲节点
	  			var parNode = this.parentNode;
	  			//在删除该节点
	  			parNode.removeChild(this);
	  			}
	  		}
	  	}
//	  	var flag = confirm("确定要删除吗？");
//	  	alert(flag);
	  }
	</script>
</head>
<body>
	<p>你喜欢哪个城市？</p>
	<ul id = "city">
		<li id="bj">北京</li>
	   <li id="sh">上海</li>
	   <li>东京</li>
	   <li>首尔</li>
	</ul>
	
	<br><br>
	<p>你喜欢哪款单机游戏？</p>
	<ul id = "game">
	   <li id="rl">红警</li>
	   <li>实况</li>
	   <li>极品飞车</li>
	   <li>魔兽</li>
	</ul>
	
	<br><br>
	
	<form action="dom-8.html" name="myform">
		<input type="radio" name="type" value="city"/>城市
		<input type="radio" name="type" value="game"/>游戏  
		name: <input type="text" name="name"/>
		<input type="submit" value="Submit" id="submit">
	</form>
	
</body>
</html>

(9)JavaScript DOM删除节点

猜你喜欢