JavaScript实现DOM删除节点？JS删除DOM节点示例
1、removeChild() 函数的介绍如下图：
2、removeChild() 函数的语法如下图：
3、removeChild() 函数语法参数说明：
1、removeChild() 函数的实现代码：
//删除函数
function removeDom(){
var deldom=document.getElementById('removedom');
if(deldom.hasChildNodes()){
deldom.removeChild(deldom.lastChild);
}
}
2、实现函数的调用代码如下：
<body>
<h1>删除节点</h1>
<div id="removedom">
节点一
节点二
</div>
<form>
<input type="button" value="删除操作" onclick="removeDom();"/>
</form>
</body>
3、示例的完整代码：
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<title>removeChild方法示例</title>
<script language="javascript">
//删除函数
function removeDom(){
var deldom=document.getElementById('removedom');
if(deldom.hasChildNodes()){
deldom.removeChild(deldom.lastChild);
}
}
</script>
</head>
<body>
<h1>删除节点</h1>
<div id="removedom">
节点一
节点二
</div>
<form>
<input type="button" value="删除操作" onclick="removeDom();"/>
</form>
</body>
</html>
示例使用效果：
