`

Javascript removeChild():删除节点

    博客分类:
  • js
 
阅读更多

在Javascript中,只提供了一种删除节点的方法:removeChild()。

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

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

参数 说明
thisNode 当前节点,即要删除的节点
parent 当前节点的父节点,即 thisNode.parentNode


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

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


举例,删除节点:

  1. <div id="demo">
  2. <div id="thisNode">点击删除我</div>
  3. </div>
  4. <script type="text/javascript">
  5. document.getElementById("thisNode").onclick=function(){
  6. this.parentNode.removeChild(this);
  7. }
  8. </script>


实例演示:

点击删除我


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

分享到:
评论

相关推荐

    Javascript removeChild()删除节点及删除子节点的方法

    下面给大家介绍Javascript removeChild()删除节点的方法,具体详情如下所示: 在Javascript中,只提供了一种删除节点的方法:removeChild()。 removeChild() 方法用来删除父节点的一个子节点。 语法:  parent....

    html5中JavaScript removeChild 删除所有节点

    通过JavaScript可以删除所有节点,本文里主要讨论 removeChild 函数,大家可以看看下面的示例

    javascript删除元素节点removeChild()用法实例

    本文实例讲述了javascript删除元素节点removeChild()用法。分享给大家供大家参考。具体分析如下: 操作DOM节点的方法:removeChild(),移除子节点,那么可以变通一下来实现移除指定的节点,我们可以先去找到要删除...

    javascript移出节点removeChild()使用介绍.docx

    javascript移出节点removeChild()使用介绍.docx

    JavaScript的removeChild()函数用法详解

    在火狐、谷歌和IE8以上浏览器中,空白也算是一个文本节点,但是在IE8和IE8以下浏览器中会忽略空白文本节点,具体可以参阅javascript如何获取元素的子节点和父节点 一章节。 代码实例: 实例一: &lt;!DOCTYPE html&gt; ...

    javascript移出节点removeChild()使用介绍

    removeChild(a)是用来删除文档中的已有元素 参数a:要移出的节点 代码如下: ”guoDiv”&gt; &lt;span&gt;1&lt;/span&gt; &lt;span&gt;2&lt;/span&gt; &lt;span&gt;3&lt;/span&gt; &lt;/div&gt; var oDiv = document.getElementById(“guoDiv”); var firsChild = ...

    javascript removeChild 导致的内存泄漏

    最近看到司徒正美的一篇文章《移除DOM节点》,文中说到在IE中移除容器类节点,会引起内存泄露。

    JavaScript中removeChild 方法开发示例代码

    当你遍历一个父节点的子节点并进行删除操作时,要注意,children属性是一个只读属性,并且它在子节点变化时会实时更新 // 拿到待删除节点: var self = document.getElementById('to-be-removed'); // 拿到父节点: ...

    JavaScript实现动态添加、移除元素或属性的方法分析

    删除元素的某个指定的子节点,并以 Node 对象返回被删除的节点,如果节点不存在则返回 null。 innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。 测试用例 &lt;html&gt; &lt;head&gt;

    JavaScript节点及列表操作实例小结

    本文实例总结了JavaScript节点及列表操作的方法。分享给大家供大家参考。具体如下: (1)创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元素 createTextNode() //创建...

    javascript封装的通用解析和操作xml文件数据工具类(含测试使用代码)

    //删除第一个节点 publish xmlUtils.removeChild(xmlUtils.getNodesByXpath('//root/publish')[0]); alert(xmlUtils.toString(root)); var node = xmlUtils.getFirstChild(); //+ xmlUtils.hasAttributes...

    javascript操作XML

    xmlDoc.removeChild objRootsite '删除某个节点 objXml.parseError '错误接受容器 objXml.parseError.errorCode '返回长整型错误代码 objXml.parseError.reason '返回字符串型错误原因 objXml.parseError....

    js实现点小图看大图效果的思路及示例代码

    DOM:就是用JavaScript操作HTML节点。... 创建节点,添加节点,删除... //把子节点添加到父节点下 父节点.removeChild(子节点); //获得节点 document.getElementById(“id号”); document.getElementsByTagName(“html的标

    JavaScript笔记

    |--arr.splice(开始位置,删除几个[,x1,x2,x3...]) |--arr.indexOf(x) 返回x在数组中的下标---经常用于判断元素是否存在。如返回-1,x则不在数组中 18.Number对象: |--x.toFixed(num):可把Number四舍五入为指定...

    JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析

    本文实例讲述了JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作。分享给大家供大家参考,具体如下: createElement,createTextNode,appendChild,insertBefore,removeChild,replaceChild createElement ...

    Javascript的各种节点操作实例演示代码

    实例演示对javascript的节点的各种操作。包括hasChildNodes(),removeChild(),appendChild(),replaceChild(),insertBefore(),cloneNode()等

Global site tag (gtag.js) - Google Analytics