DOM
DOM是Javascript操作网页的接口,全称叫文档对象模型(Document Object Model)。它的作用是将网页转化为一个Javascript对象,从而用Javascript脚本进行各种操作(比如增删元素等)。
浏览器会根据DOM模型,将结构化文档(比如Html或者xml等)解析成一系列的节点,再由这些节点解析成树状结构(Dom Tree),所有的节点和最终的树状结构都有规范的对外接口,所以DOM可以理解成网页的编程接口。DOM有标准的国际标准,我们目前使用的是DOM3。
严格的说,DOM不属于Javascript,但是DOM操作是Javascript最常见的任务,而Javascript也是最常见的DOM操作语言。
DOM节点
DOM的最小组成单位就是节点(node)。DOM树就是由不同类型的节点组成。每个节点可以看成是DOM树上的叶子。
在DOM中,节点的类型一共有7种
Document:整个文档树的顶层节点;
DocumentType:dotype标签(比如:<!DOCTYPE html>)
Element:网页的各种HTML标签(比如:<body> <h> <a> <div>)
Attribute:网页元素的属性(比如:id=”id” class=”class” type=”text”)
Text:标签之间或标签包含的文本
Comment:注释
DocumentFragment:文档片段