JavaScript中的DOM（一）

1.DOM的理解

DOM称为文档对象模型（Document Object Model）

将页面所有内容表示为可以修改的对象

• ◼浏览器会对我们编写的HTML、CSS进行渲染，同时它又要考虑我们可能会通过JavaScript来对其进行操作：
•  于是浏览器将我们编写在HTML中的每一个元素（Element）都抽象成了一个个对象；
•  所有这些对象都可以通过JavaScript来对其进行访问，那么我们就可以通过JavaScript来操作页面；
•  所以，我们将这个抽象过程称之为 文档对象模型（Document Object Model）；
• ◼ 整个文档被抽象到 document 对象中：
•  比如document.documentElement对应的是html元素；
•  比如document.body对应的是body元素；
•  比如document.head对应的是head元素；

在html结构中，最终会形成一个树结构；

在抽象成DOM对象的时候，它们也会形成一个树结构，我们称之为DOM Tree；

2. document对象

• ◼ Document节点表示的整个载入的网页，它的实例是全局的document对象：
•  对DOM的所有操作都是从 document 对象开始的；
•  它是DOM的 入口点，可以从document