本文详细介绍了DOM（文档对象模型）的概念及其在JavaScript中的应用。DOM能够将HTML或XML文档转化为树状结构，便于通过JavaScript进行操作。文章还解释了DOM中不同类型的节点，如Document、Element、Attribute等。
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：文档片段
扫一扫
954
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
