ParentNode，ChildNode

1.ParentNode接口表示当前节点是一个父节点，提供一些处理子节点的方法。ChildNode接口表示当前节点是一个子节点，提供一些相关方法。

2.ParentNode.children属性返回一个HTMLCollection实例，成员是当前节点的所有元素子节点。该属性只读。

3.ParentNode.firstElementChild属性返回当前节点的第一个元素子节点。

4.ParentNode.lastElementChild属性返回当前节点的最后一个元素子节点。

5.ParentNode.childElementCount属性返回一个整数，表示当前节点的所有元素子节点的数目。

6.ParentNode.append()方法为当前节点追加一个或多个子节点，位置是最后一个元素子节点的后面。该方法没有返回值。

该方法不仅可以添加元素子节点（参数为元素节点），还可以添加文本子节点（参数为字符串）。

7.ParentNode.prepend()方法为当前节点追加一个或多个子节点，位置是第一个元素子节点的前面。该方法没有返回值。

8.ChildNode.remove()方法用于从父节点移除当前节点。

9.ChildNode.before()方法用于在当前节点的前面，插入一个或多个同级节点。

10.ChildNode.after()方法用于在当前节点的后面，插入一个或多个同级节点。

11.ChildNode.replaceWith()方法使用参数节点，替换当前节点。

ParentNode，ChildNode相关推荐

ParentNode 接口，ChildNode 接口
ParentNode 接口,ChildNode 接口网道(WangDoc.com),互联网文档计划 [免费领取]廖雪峰老师历时三个月整理的<Vue 源码 + 3.0语法剖析教程>. 节点 ...
parentNode，parentElement,offsetParent
offsetParent直接的将是影响元素位置的上级element,而parentElement与位置显示无关时dom中的上级element. 例如:<BODY><div style ...
javascript 中 parentNode，childNodes、children 应用
"parentNode" 常用来获取某个元素的父节点. 把 parentNodes 理解为容器, 在容器中有个子节点例: <div id="parent ...
parentNode，childNodes、children 的使用
"parentNode" 常用来获取某个元素的父节点. 把 parentNodes 理解为容器, 在容器中有个子节点例: <div id="parent ...
parentNode，children，nextSibling，previousSibling常用属性对比
nextSibling: 返回元素节点之后的兄弟节点(包括文本节点.注释节点即回车.换行.空格.文本等等): 注意: 空格.回车也会看作文本,以文本节点对待. nextElementSibling: ...
深入了解parentNode,parentElement,childNodes,children的区别，一看就懂
今天是准备面试的第七天,js是由ECMAScript.文档对象模型(DOM)和浏览器对象模型(BOM)组成,我们今天就了解下与DOM有关的常用接口parentNode,parentElement,ch ...
vue中集成jsplumb报错`Cannot read property ‘parentNode‘ of null`，且无法渲染连线的问题
简介我在项目中使用了typescript+vue+jsplumb作为流程图框架. 问题我在容器中使用的是v-for指令渲染. 从配置文件中读取流程图的json并且存入this.items变量中通 ...
【新】欢庆网自动搜索请柬console方法，面对多种网站改版的情况
//自动搜索指定的请柬 var alertTipText = "请柬找到了,就在这个网页里面,自己仔细看吧"; var delay = 1 * 1000;//1秒后循环下一页寻找 ...
JavaScript DOM 6 - 节点的创建，插入，替换，删除
1: 节点的创建新建一个新节点的方式主要有三种: 1: createElement() document.createElement(tagName); //返回一个HTMLElement类型的节点 ...

ParentNode，ChildNode

ParentNode，ChildNode相关推荐

最新文章

热门文章