Javascript removeChild():删除节点

removeChild() 方法用来删除父节点的一个子节点。

语法:
    parent.removeChild(thisNode)
参数说明:

QQ截图20161013112729.png

例如,删除 id="demo" 的节点的语句为:

var thisNode=document.getElementById("demo");
thisNode.parentNode.removeNode(thisNode);

举例,删除节点:

<div id="demo">
    <div id="thisNode">点击删除我</div>
</div>
<script type="text/javascript">
document.getElementById("thisNode").onclick=function(){
    this.parentNode.removeChild(this);
}
</script>

可以看出来,虽然Javascript只提供了一种删除节点的方法,但是足够用了。

继续学习
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <div id="demo"> <div id="thisNode">点击删除我</div> </div> <script type="text/javascript"> document.getElementById("thisNode").onclick=function(){ this.parentNode.removeChild(this); } </script> </head> <body> </body> </html>
提交重置代码
章节
笔记
提问
课件
反馈
捐赠

弹指间学会JavaScript 教程

  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载
小天

小天

removeChild() 方法用来删除父节点的一个子节点。

4年前    添加回复 0

回复
小天

小天

<script type="text/javascript"> document.getElementById("thisNode").onclick=function(){ this.parentNode.removeChild(this); } </script>

4年前 0

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~