<!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> |