Dom 的理解

Dom 定义

是JavaScript运行网站的接口，全称是“文档对象模型”
（文档对象）。

功能：

将网页转换为javascript对象，以便可以使用脚本执行各种操作（如

浏览器操作原理：

浏览器根据DOM模型将结构化文档（例如HTML和XML）解析为一系列节点
，然后这些节点形成树结构（DOM Tree）。所有节点和最终的树结构都有标准化的外部接口。

DOM 是通过什么实现的：

DOM只是一个可以用不同语言实现的接口规范。严格来说，DOM 不是 Javascript 语法的一部分，但 DOM 操作是 Javascript 最常见的任务。如果没有 DOM，Javascript 就无法控制网页。此外，Javascript也是DOM操作中使用最广泛的语言。

节点

DOM 的最小单元称为节点。文档的树结构（DOM 树）由不同类型的节点组成。每个节点都可以被视为文档树的叶子。

// HTML 代码如下
// <div id="d1">hello world</div>
var div = document.getElementById('d1');
div.nodeName // "DIV"

 

1. 文件；整个文档树的顶层节点；
2. DocumentType：doctype标签（举例）
3. 元素：网站的各种HTML标签