本经验是介绍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>
示例利用结果:
注重事项
- 但愿对读者有所帮忙~~~喜好的请给小编点个年夜拇指
来源:百闻(微信/QQ号:9397569),转载请保留出处和链接!
本文链接:https://www.ibaiwen.com/web/239780.html
- 上一篇: 怎么快速安全的删除新浪微博上的图片
- 下一篇: 潮州招聘网的简历怎么增加工作经验
- 热门文章
-
WB蒙特利尔(WB Montreal)——欧美十大最差视频游戏开发商
迅猛龙(Velociraptor)——欧美史前十大死亡动物
什么是果酱猫(What Marmalade Cats)?
神奇蜘蛛侠2(The Amazing Spider-Man 2)——欧美最佳蜘蛛侠电影
希瑟(Heather)——欧美十大最佳柯南灰歌
二人梭哈
faceu激萌怎么把瘦脸开到最大
奥兹奥斯本(Ozzy Osbourne)——欧美十大高估歌手
什么是小脑前下动脉(Anterior Inferior Cerebellar Artery)?
我应该知道康涅狄格州的什么(What Should I Know About Connecticut)?
- 热评文章
- 最新评论
-
- 最近访客
-
- 站点信息
-
- 文章总数:200248
- 页面总数:9
- 分类总数:1
- 标签总数:0
- 评论总数:0
- 浏览总数:497