DOM进阶（获取节点）

DOM节点：

从文本对象模型DOM角度看：每个html标签、标签属性、内容、注释...都被看成DOM节点。

DOM就是我们heml结构中一个一个的节点构成的

DOM节点的分类：

DOM节点类型{

1. 整个文档就是一个文档节点

2. 每个html元素是元素节点

3. html元素内的文本是文本节点

4. 每个html属性是属性节点

5. 注释是注释节点

}

常用的三大类：元素节点/文本节点/属性节点

元素节点

我们通过getElementBy...获取到的都是元素节点

属性节点

我们通过getAttribute获取的就是元素的属性节点

文本节点

我们通过innerText获取到的就是元素的文本节点

DOM节点树形结构

 DOM节点的关系

根节点：在html文档中，html就是根节点

父节点：一个节点之上的节点的父节点，例如ul的父节点就是body，body的父节点就是html

子节点：一个节点之下的节点就是该节点的子节点，例如：ul就是body的子节点

兄弟节点：如果多个节点在同一个层次，并拥有相同的父节点，那么这几个节点就是兄弟节点。

                  例如：所有li是兄弟节点，因为他们拥有相同的父节点ul

获取节点：

获取元素节点：

getElement系列

querySelector系列

层次关系获取节点：

parentNode：返回节点的父节点

childNodes：返回子节点集合，childNodes[i]

firstChild:返回节点的第一个子节点，最普遍的用法是访问该元素的文本节