DOM 是所有前端开发每天打交道的东西，但是随着 jQuery 等库的出现，大大简化了 DOM 操作，导致大家慢慢的 “遗忘” 了它的本来面貌。不过，要想深入学习前端知识，对 DOM 的了解是不可或缺的，所以本文力图系统的讲解下 DOM 的相关知识。

DOM 之度量

今天无意中看到一篇文章觉得可以很好的回顾一下关于 DOM 基础知识，故翻译了一下~

Element 类型 除了 Document 类型之外，Element 类型就要算是 Web 编程中最常用的类型了。Element 类型用于表现 XML 或 HTML 元素，提供了对元素标签名、子节点及特性的访问。Element 节点具有以下特征： nodeType 的值为 1；…

前端开发中或多或少都要对 DOM 进行一些操作，比如我们常用的一些方法：document.getElementById("");document.querySelectorAll("");document.getElementsByClassName();document.createElement()...... 等等一系列的方法, 这些方式是从哪里来的呢？在哪里定义的呢？我们就一起来测试一下。

DOM（文档对象模型）是针对 HTML 和 XML 文档的一个 API。DOM 描绘了一个层次化的节点树，允许开发人员添加、移除和修改页面的某一部分。 节点层次 DOM 可以将任何 HTML 或 XML 文档描绘成一个由多层节点构成的结构。节点分为几种不同的类型，每种类型分别表…

这篇我都觉得有点长... 可能会占用你 10 + 分钟，没有这么多时间的你可以直接去文末看小结。