怎样理解 DOM 的三种层级关系

除了根节点,其他节点都有三种层级关系

父节点关系(parentNode):直接的那个上级节点

子节点关系(childNodes):直接的下级节点

同级节点关系(sibling):拥有同一个父节点的节点

注意:
1. 根节点和非根节点都可以没有子节点, 但根节点一定没有父节点, 而非根节点一定有, 且有且仅有一个父节点.

2. 子节点可以有多个, 父节点只能有一个.

3. 同级节点也叫 兄弟节点 , 他们有同样的父节点, 但子节点不一样.

4. 在 js 中, 根节点为 document.

原文地址:https://www.cnblogs.com/aisowe/p/11491312.html

时间: 2024-10-07 21:50:02

怎样理解 DOM 的三种层级关系的相关文章

深入理解hibernate的三种状态

本文转载自http://www.cnblogs.com/xiaoluo501395377/p/3380270.html 学过hibernate的人都可能都知道hibernate有三种状态,transient(瞬时状态),persistent(持久化状态)以及detached(离线状态),大家伙也许也知道这三者之间的区别,比如瞬时状态就是刚new出来一个对象,还没有被保存到数据库中,持久化状态就是已经被保存到数据库中,离线状态就是数据库中有,但是session中不存在该对象.但是大家又是否对hib

锋利的jQuery--jQuery与DOM对象的互相转换,DOM的三种操作(读书笔记一)

1.jQuery对象就是通过jQuery包装DOM对象后产生的对象. 2.jQuery对象和DOM对象的相互转换. 良好的书写风格: var $input=$("input") jQuery获取的对象在变量前面加上$. <1>jQUery对象转成DOM对象,两种方法:[index]和get(index) a:var $cr=$("#cr")    //jQuery对象 var cr=$cr[0]    //DOM对象 b:var $cr=$("

Js之Dom学习-三种获取页面元素的方式、事件、innerText和innerHTML的异同

一.三种获取页面元素的方式: getElementById:通过id来获取 <body> <input type="text" value="请输入一个值:" id="txt"/> <input type="button" value="按钮" id="btn"/> <script> var txt=document.getElementB

深入理解Java的三种工厂模式

一.简单工厂模式 简单工厂的定义:提供一个创建对象实例的功能,而无须关心其具体实现.被创建实例的类型可以是接口.抽象类,也可以是具体的类 实现汽车接口 1 public interface Car { 2 String getName(); 3 } 奔驰类 1 public class Benz implements Car { 2 @Override 3 public String getName() { 4 return "Benz"; 5 } 6 } 宝马类 1 public c

Hibernate之jpa实体映射的三种继承关系

在JPA中,实体继承关系的映射策略共有三种:单表继承策略(table per class).Joined策略(table per subclass)和Table_PER_Class策略. 1.单表继承策略 单表继承策略,父类实体和子类实体共用一张数据库表,在表中通过一列辨别字段来区别不同类别的实体.具体做法如下: a.在父类实体的@Entity注解下添加如下的注解: @Inheritance(Strategy=InheritanceType.SINGLE_TABLE)@Discriminator

理解浏览器的三种模式以及相应的触发条件

严格模式与混杂模式——如何触发这两种模式,区分它们有何意义.在标准模式中,浏览器根据规范呈现页面:在混杂模式中,页面以一种比较宽松的向后兼容的方式显示.浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法.如果XHTML文档包含形式完整的DOCTYPE,那么它一般以标准模式呈现.对于HTML 4.01文档,包含严格DTD的DOCTYPE常常导致页面以标准模式呈现.包含过渡DTD和URI的DOCTYPE也导致页面以标准模式呈现,但是有过渡DTD而没有URI会导致页面以混杂模式

如何理解类的三种权限字段和静态字段?

1) 静态变量的作用就是给这个变量增长了生命周期,它的生命周期和全局变量是一样的.当变量为局部静态变量的时候,它的作用域为局部作用域,生命周期为全局生命周期.静态变量仅限制在当前类之内,外部文件(变量对象)不可以访问静态变量. a) public ,protected, private是为了限制类中属性和方法的的作用域而设置的. b) 类class的前身是结构体struct,结构体struct的作用就是描述对同一类事物的属性进行组合(composite),这就是计算机中的分类思想. i. 结构体

mysql数据库--外键的三种关系

主要内容: 如何找出两张表之间的关系 表的三种关系 一.介绍 因为有foreign key的约束,使得两张表形成了三种了关系: 多对一 多对多 一对一 二.重点理解如果找出两张表之间的关系 分析步骤: #1.先站在左表的角度去找 是否左表的多条记录可以对应右表的一条记录,如果是,则证明左表的一个字段foreign key 右表一个字段(通常是id) #2.再站在右表的角度去找 是否右表的多条记录可以对应左表的一条记录,如果是,则证明右表的一个字段foreign key 左表一个字段(通常是id)

10-外键的变种 三种关系

本节重点: 如何找出两张表之间的关系 表的三种关系 一.介绍 因为有foreign key的约束,使得两张表形成了三种了关系: 多对一 多对多 一对一 二.重点理解如果找出两张表之间的关系 分析步骤: #1.先站在左表的角度去找 是否左表的多条记录可以对应右表的一条记录,如果是,则证明左表的一个字段foreign key 右表一个字段(通常是id) #2.再站在右表的角度去找 是否右表的多条记录可以对应左表的一条记录,如果是,则证明右表的一个字段foreign key 左表一个字段(通常是id)