DOM API

peixn 发布于2019-08-22 17:14 / 1373人阅读

摘要：派生自，它包括，如果一个是的，那它的子类也拥有。节点的最小组成单位就是节点。树就是由不同类型的节点组成。每个节点可以看成是树上的叶子。节点节点和接口，部署了接口。凡是这三类节点接口，都可以使用下面四个方法。

Node派生自Object，它包括Element、Text、Document(html)、Coment，如果一个 API 是Node的，那它的子类也拥有。

DOM节点

DOM的最小组成单位就是节点（node）。DOM树就是由不同类型的节点组成。每个节点可以看成是DOM树上的叶子。

在DOM中，节点的类型一共有7种
Document：整个文档树的顶层节点；
DocumentType：dotype标签（比如：）
Element：网页的各种HTML标签（比如：

）
Attribute：网页元素的属性（比如：id="id" class="class" type="text"）
Text：标签之间或标签包含的文本
Comment：注释
DocumentFragment：文档片段

Node 的接口

属性：
DOM API 记住下面的英文单词后各自组合就是 DOM 提供的 API

</>复制代码 
child/children/parent
node
first/last
next/previous
sibling/siblings
type
value/text/content
inner/outer
element

innerText添加文本，会覆盖原有文本
childNodes获取所有的子元素（会获取到回车）
children获取所有的子标签，没有文本
firstChild第一个元素，会有文本
lastChild最后一个元素，会有文本
firstElementChild，第一个标签，没有文本
previousSibling上一个元素，会有文本
nextSibling下一个元素，会有文本
previousElementSibling下一个标签，没有文本
nextSibling下一个元素，会有文本

nodeName获取节点名称都是大写，svg是特例，小写
nodeType获取节点类型，1是元素节点，3是文本节点，11是DocumentFragment

textContent会获取所有元素的内容，包括

资讯专栏INFORMATION COLUMN

上云采购季！| 2核2G4M爆款云服务器低至59元/年，更有多台、长期优惠，快来选购！

DOM API

</>复制代码