`

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节点属性和方法

    17. removeChild:从子结点列表中删除指定的子节点 18. replaceChild:从子节点列表中替换指定的子节点 19. Save:把 XML 文件存到指定节点 20. selectNodes:对节点进行指定的匹配,并返回匹配节点列表 21. ...

    html5中JavaScript removeChild 删除所有节点

    在本例中,我们将详细介绍如何使用JavaScript的removeChild方法删除HTML中的所有子节点。 首先,需要了解的是,removeChild方法是DOM操作中用于删除指定节点的一个方法。它接受一个参数,这个参数是要删除的节点。...

    javascript 节点

    - **删除节点**:可以通过`removeChild()`方法从父节点中删除一个子节点。 ##### 示例代码: ```javascript // 创建一个新元素节点 var newElement = document.createElement("p"); // 创建文本节点 var newText = ...

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

    在JavaScript中,`removeChild()`方法是用于删除DOM树中某个指定节点的不可或缺的工具。这个方法存在于父节点上,允许你从其子节点列表中移除一个特定的子节点。下面将详细介绍`removeChild()`方法及其应用。 ### `...

    js实例js实例

    可以先用`removeChild()`移除旧节点,然后用`appendChild()`添加新节点。例如: ```javascript var oldNode = document.getElementById("oldParagraph"); var newNode = document.createElement("p"); newNode....

    详细讲解JS节点知识

    - `removeChild`、`replaceChild`:删除或替换子节点。 - `load`、`loadXML`:加载XML文档。 - `save`:保存XML到指定位置。 - `selectNodes`、`selectSingleNode`:根据XPath表达式选取节点。 - `transform...

    js DOM学习笔记11

    * 删除节点(removeChild()):移除节点 这些方法都是用于操纵调用者的子节点,并且被替换和删除的节点原则上来说还是属于该文档所拥有,但文档中已经没有了它们的位置。 1.4 其他方法 DOM 还提供了一些其他方法...

    JavaScript节点知识

    此外,DOMDocument对象还提供了多种方法,如`appendChild`用于在子节点末尾添加新节点,`removeChild`用于删除指定子节点,`insertBefore`在特定子节点前插入新节点,`createElement`创建新元素节点等,这些都是操作...

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

    ### JavaScript 移除节点 `removeChild()` 方法使用详细介绍 #### 一、`removeChild()` 方法简介 在Web开发中,经常需要对DOM树进行各种操作,包括添加、修改和删除节点。JavaScript提供了一系列方法来帮助开发者...

    解决XML节点删除后会留下一个空节点的问题

    例如,在JavaScript的DOM API中,应使用`Node.removeChild()`方法,而不是简单地将子节点赋值为`null`。 2. **替换节点**:如果只是想替换节点的内容,可以先创建一个新的空节点,然后用新节点替换旧的,再删除旧...

    javascript节点操作

    - **定义**:从父节点中删除一个子节点。 - **示例**: ```javascript element.removeChild(existingElement); ``` 13. **replaceChild** - **定义**:用新节点替换现有子节点。 - **示例**: ```...

    示例6:删除和替换节点.rar_删除和替换节点

    2. 使用`appendChild()`和`removeChild()`组合:另一种方法是先删除旧节点,然后再添加新节点。但这通常不如直接使用`replaceChild()`简洁。 三、注意事项 - 在删除或替换节点时,确保已经获取到正确的节点引用,...

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

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

    JavaScript_study

    - **removeChild(old)**:删除一个子节点。 - **replaceChild(new, old)**:用一个新节点替换一个旧节点。 - **isSupported(feature, version)**:判断文档是否支持指定的功能。 ### 其他知识点 1. **Direct Web ...

    JAVASCRIPT操作DOM建立增加删除克隆访问节点示例宣贯.pdf

    JavaScript 操作 DOM 建立增加删除克隆访问节点示例宣贯 在 JavaScript 中,DOM(Document Object Model)是指文档对象模型,它是 HTML 和 XML 文档的编程接口。通过 DOM,我们可以动态地操作文档的结构、样式和...

    javascript 常用DomAPI总结

    - **Node.removeChild(node)**: 删除节点,在要删除节点的父节点上操作。 - **Node.replaceChild(newChild, oldChild)**: 替换节点。 - **Node.contains(node)**: 返回一个布尔值,表示参数节点是否为当前节点的后代...

    JavaScript:DOM操作与事件处理

    - **操作节点**:可以对DOM节点进行各种操作,如添加、删除、替换节点等。 - `document.createElement('div')`:创建一个新的元素节点。 - `element.appendChild(newNode)`:向父节点添加子节点。 - `parent....

Global site tag (gtag.js) - Google Analytics