在Javascript中,只提供了一种删除节点的方法:removeChild()。
removeChild() 方法用来删除父节点的一个子节点。
语法:
parent.removeChild(thisNode)
参数说明:
thisNode | 当前节点,即要删除的节点 |
parent | 当前节点的父节点,即 thisNode.parentNode |
例如,删除 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只提供了一种删除节点的方法,但是足够用了。
相关推荐
17. removeChild:从子结点列表中删除指定的子节点 18. replaceChild:从子节点列表中替换指定的子节点 19. Save:把 XML 文件存到指定节点 20. selectNodes:对节点进行指定的匹配,并返回匹配节点列表 21. ...
在本例中,我们将详细介绍如何使用JavaScript的removeChild方法删除HTML中的所有子节点。 首先,需要了解的是,removeChild方法是DOM操作中用于删除指定节点的一个方法。它接受一个参数,这个参数是要删除的节点。...
- **删除节点**:可以通过`removeChild()`方法从父节点中删除一个子节点。 ##### 示例代码: ```javascript // 创建一个新元素节点 var newElement = document.createElement("p"); // 创建文本节点 var newText = ...
在JavaScript中,`removeChild()`方法是用于删除DOM树中某个指定节点的不可或缺的工具。这个方法存在于父节点上,允许你从其子节点列表中移除一个特定的子节点。下面将详细介绍`removeChild()`方法及其应用。 ### `...
可以先用`removeChild()`移除旧节点,然后用`appendChild()`添加新节点。例如: ```javascript var oldNode = document.getElementById("oldParagraph"); var newNode = document.createElement("p"); newNode....
- `removeChild`、`replaceChild`:删除或替换子节点。 - `load`、`loadXML`:加载XML文档。 - `save`:保存XML到指定位置。 - `selectNodes`、`selectSingleNode`:根据XPath表达式选取节点。 - `transform...
* 删除节点(removeChild()):移除节点 这些方法都是用于操纵调用者的子节点,并且被替换和删除的节点原则上来说还是属于该文档所拥有,但文档中已经没有了它们的位置。 1.4 其他方法 DOM 还提供了一些其他方法...
此外,DOMDocument对象还提供了多种方法,如`appendChild`用于在子节点末尾添加新节点,`removeChild`用于删除指定子节点,`insertBefore`在特定子节点前插入新节点,`createElement`创建新元素节点等,这些都是操作...
### JavaScript 移除节点 `removeChild()` 方法使用详细介绍 #### 一、`removeChild()` 方法简介 在Web开发中,经常需要对DOM树进行各种操作,包括添加、修改和删除节点。JavaScript提供了一系列方法来帮助开发者...
例如,在JavaScript的DOM API中,应使用`Node.removeChild()`方法,而不是简单地将子节点赋值为`null`。 2. **替换节点**:如果只是想替换节点的内容,可以先创建一个新的空节点,然后用新节点替换旧的,再删除旧...
- **定义**:从父节点中删除一个子节点。 - **示例**: ```javascript element.removeChild(existingElement); ``` 13. **replaceChild** - **定义**:用新节点替换现有子节点。 - **示例**: ```...
2. 使用`appendChild()`和`removeChild()`组合:另一种方法是先删除旧节点,然后再添加新节点。但这通常不如直接使用`replaceChild()`简洁。 三、注意事项 - 在删除或替换节点时,确保已经获取到正确的节点引用,...
本文实例讲述了javascript删除元素节点removeChild()用法。分享给大家供大家参考。具体分析如下: 操作DOM节点的方法:removeChild(),移除子节点,那么可以变通一下来实现移除指定的节点,我们可以先去找到要删除...
- **removeChild(old)**:删除一个子节点。 - **replaceChild(new, old)**:用一个新节点替换一个旧节点。 - **isSupported(feature, version)**:判断文档是否支持指定的功能。 ### 其他知识点 1. **Direct Web ...
JavaScript 操作 DOM 建立增加删除克隆访问节点示例宣贯 在 JavaScript 中,DOM(Document Object Model)是指文档对象模型,它是 HTML 和 XML 文档的编程接口。通过 DOM,我们可以动态地操作文档的结构、样式和...
- **Node.removeChild(node)**: 删除节点,在要删除节点的父节点上操作。 - **Node.replaceChild(newChild, oldChild)**: 替换节点。 - **Node.contains(node)**: 返回一个布尔值,表示参数节点是否为当前节点的后代...
- **操作节点**:可以对DOM节点进行各种操作,如添加、删除、替换节点等。 - `document.createElement('div')`:创建一个新的元素节点。 - `element.appendChild(newNode)`:向父节点添加子节点。 - `parent....