JavaScript实现DOM删除节点？JS删除DOM节点示例
本经验是介绍JavaScript说话中，利用removeChild() 函数删除节点的详解。
东西/原料
- 电脑
- 文本编纂器
JS函数介绍
- 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">
<p>节点一</p>
<p>节点二</p>
</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">
<p>节点一</p>
<p>节点二</p>
</div>
<form>
<input type="button" value="删除操作" onclick="removeDom();"/>
</form>
</body>
</html>
示例利用结果：
注重事项
- 但愿对读者有所帮忙~~~喜好的请给小编点个年夜拇指
- 发表于 2018-04-12 00:00
- 阅读 ( 892 )
- 分类：其他类型
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章