ParentNode 和 ChildNode可以理解为是Node的子集, 它对一些具有父节点或子节点的节点提供了一些额外的方法和属性, 比如:

1. 继承了ParentNode的接口有: 元素节点 / 文档节点 / 文档片段节点

2. 所有具有父节点的节点都继承了 ChildNode.

下面是一个简单的介绍:

ParentNode

-------------------------------------------------------------------------------

ParentNode.children: 返回当前节点的所有元素子节点

ParentNode.firstElementChild: 返回当前节点的第一个元素子节点

ParentNode.lastElementChild: 返回当前节点的最后一个元素子节点

ParentNode.childElementCount: 返回当前节点的所有元素子节点数目

ParentNode.append(): 在当前节点的最后一个子节点后面添加一个或多个元素子节点或文本子节点

ParentNode.prepend(): 在当前节点的第一个子节点前面添加一个或多个元素子节点或文本子节点

-------------------------------------------------------------------------------

ChildNode

-------------------------------------------------------------------------------

ChildNode.remove(): 移除当前节点(该节点需要是某个节点的子节点, 因此document.remove()是不生效的);

ChildNode.before(): 在当前节点的前面插入一个或多个同级的元素子节点或文本子节点, 与当前节点具有相同的父节点;

ChildNode.after(): 在当前节点的后面插入一个或多个同级的元素子节点或文本子节点, 与当前节点具有相同的父节点;

ChildNode.replaceWith(): 使用参数元素节点或参数文本节点替换当前节点.

-------------------------------------------------------------------------------

怎样理解Node接口 / ParentNode接口 / ChildNode接口的更多相关文章

  1. (86)Wangdao.com第十九天_JavaScript 接口之 ParentNode 和 ChildNode

    ParentNode 接口,ChildNode 接口 节点对象除了继承 Node 接口以外,还会继承其他接口. ParentNode 接口 表示当前节点是一个父节点,提供一些处理子节点的方法. Chi ...

  2. 怎样理解Node对象接口

    dom中的节点都继承自Node接口, 也就是说, 所有的节点都具有Node接口所规定的属性和方法, 比如下面这个 <a> 标签, 它也继承了Node的所有属性和方法: 可以认为Node接口 ...

  3. IM开发基础知识补课：正确理解前置HTTP SSO单点登陆接口的原理

    1.前言 一个安全的信息系统,合法身份检查是必须环节.尤其IM这种以“人”为中心的社交体系,身份认证更是必不可少. 一些PC时代小型IM系统中,身份认证可能直接做到长连接中(也就是整个IM系统都是以长 ...

  4. 一篇文章让你理解Ceph的三种存储接口(块设备、文件系统、对象存储)

    “Ceph是一个开源的.统一的.分布式的存储系统”,这是我们宣传Ceph时常说的一句话,其中“统一”是说Ceph可以一套存储系统同时提供块设备存储.文件系统存储和对象存储三种存储功能.一听这句话,具有 ...

  5. 最简单直接地理解Java软件设计原则之接口隔离原则

    理论性知识 定义 接口隔离原则, Interface Segregation Principle,(ISP). 一个类对应一个类的依赖应该建立在最小的接口上: 建立单一接口,不要建立庞大臃肿的接口: ...

  6. 理解什么是适配器(adapter)和接口(interface)

    ● 适配器(adapter) In computing, adapter is a hardware device or software component that converts transm ...

  7. 简单理解List、set、Map接口之间的联系和区别

    联系:Collection与Map属于同等关系,但Map依赖与Collection.Coolection接口的子类包含List(ArrayList.LinkedList等).Set(HashSet.T ...

  8. 如何把 Callback 接口包装成 Promise 接口

    最近一段时间一直在看Node.js,在开发过程中经常要调用一些异步接口,通常在接口的最后一个参数会传入一个回调函数,可以用来处理异常,非异常情况.大致模式如下: var fs = require(“f ...

  9. java接口，接口的特性，接口实现多态，面向接口编程

    package cn.zy.cellphone; /**接口是一种引用数据类型.使用interface声明接口,形式 * 形式:public interface 接口名称{} * 接口不能拥有构造方法 ...

随机推荐

  1. dapper通用分页方法

    /// <summary> /// dapper通用分页方法 /// </summary> /// <typeparam name="T">泛型 ...

  2. 【Mybatis】向MySql数据库插入千万记录 单条插入方式，用时 1h16m30s

    本例代码下载:https://files.cnblogs.com/files/xiandedanteng/InsertMillionComparison20191012.rar 相对于批量插入,这种方 ...

  3. Go项目的测试代码1（基础）

    最近写了测试代码,整理了一下. 先看看简单的测试代码. // add_test.go ==> 文件名 _test.go 结尾的默认为测试代码文件 package models import ( ...

  4. ubuntu16.04下如何安装dtc工具?

    答: sudo apt-get install device-tree-compiler -y

  5. [转]Nginx实现高并发的原理

    Nginx 首先要明白,Nginx 采用的是多进程(单线程) & 多路IO复用模型.使用了 I/O 多路复用技术的 Nginx,就成了”并发事件驱动“的服务器. 异步非阻塞(AIO)的详解ht ...

  6. js实现简单的文件上传

    文件下载:https://www.cnblogs.com/xiaomili/p/10521160.html  html: <form name="form1" id=&quo ...

  7. 02 MySQL之数据表的基本操作

    01-创建数据表 # 切换数据库 use test_db; # 创建数据表 语法规则如下: create table 表名 ( 字段名1, 数据类型 [列级别约束条件] [默认值], 字段名2, 数据 ...

  8. Git 解决冲突（3步）

    今天新人从master分支合并到自己开发分支时有冲突了,不知道怎么解决,给他解决后,顺便简单记下,免得其他人问时还要再讲一遍 1.先切到自己的分支,拉下代码 git pull 2.向某个分支发起合并 ...

  9. Scala API - 集合

  10. R语言与概率统计(三) 多元统计分析（上）

    > #############6.2一元线性回归分析 > x<-c(0.10,0.11,0.12,0.13,0.14,0.15,0.16,0.17,0.18,0.20,0.21,0. ...