资讯专栏INFORMATION COLUMN

DOM API

peixn / 1308人阅读

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

Node派生自Object,它包括ElementTextDocument(html)Coment,如果一个 API 是Node的,那它的子类也拥有。

DOM节点

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

DOM中,节点的类型一共有7
Document:整个文档树的顶层节点;
DocumentTypedotype标签(比如:
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会获取所有元素的内容,包括

阅读需要支付1元查看
<