删除节点:
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>