[javascript]代码库
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>删除节点</title>
<style type="text/css">
div{
border: 1px solid blue;
background-color: green;
width: 300px;
height: 150px;
}
</style>
<script type="text/javascript">
/*
要删除某个节点,首先需要获取到这个节点。
然后获取这个节点父节点,再通过父节点删除自己的这个子节点。
*/
//获取要删除的节点
function demo(){
//根据标签名获取标签的集合
var divNodes = document.getElementsByTagName("div");
//取出集合中想要被删除的那个节点对象
var divNode = divNodes[1];
//divNode.removeNode(true);
//获取当前节点的父节点
var bodyNode = divNode.parentNode;
//使用父节点删除指定的子节点
bodyNode.removeChild(divNode);
}
</script>
</head>
<body>
<div id="one" >
xxxxxx
</div>
<div id="two" >
yyyyyy
</div>
<input type="button" value="删除元素" onclick="demo()"/>
</body>
</html>