什么是DOM，DOM树和其它概念

什么是DOM？

简单地说，DOM是一套对文档的内容进行抽象和概念化的方法。DOM是一种API（应用编程接口）。

---

文档：DOM中的"D"
如果没有document（文档），DOM也就无从谈起。当创建了一个网页并把它加载到Web浏览器中时，DOM就在幕后悄然而生了。它把你编写的网页文档转换成为一个文档对象。

---

对象：DOM中的"O"
对象（object）是一种非常重要的数据类型。对象是自包含的数据集合，包含在对象里的数据可以通过两种形式访问——属性和方法。
属性是隶属于某个特定对象的变量；
方法是只有某个特定对象才能调用的函数
对象就是由一些属性和方法组合在一起而构成的一个数据实体。在javaScript中，属性(property)和方法(method)都使用“点”语法来访问：
object.propertyobject.method()
JavaScript语言里面的对象可以分为三种类型。
用户定义对象：由程序员自行创建的对象。
內建对象：內建在JavaScript语言里的对象，如Array、Math和Date等。
宿主对象：由浏览器提供的对象。
即使是在JavaScript的最初版本里，对编写脚本来说非常重要的一些宿主对象就已经可用了，他们当中最基础的对象是window（浏览器窗口）对象。

---

模型：DOM中的"M"
DOM中的“M”代表着“Model”（模型），它的含义是某种事物的表现形式，DOM代表着加载到浏览器窗口的当前网页。浏览器提供了网页的模型，而我们可以通过JavaScript去读取这张地图。

---

DOM的其他几个概念

文档（document）：一个页面(网页)就是一个文档

元素(Element)：页面中的所有标签都是元素，元素可以看成是对象

节点(Node)：页面中的内容都是节点:标签，文本

root：根

*html文件看成是一个文档，那么这个文档看成是一个对象，文档中的所有标签都可以看成是一个对象

*页面中的每个标签，都是一个元素（element），每个元素都可以看成是一个对象

*标签可以嵌套，标签中有标签，元素中有元素

*html页面中都有一个根标签，html----也叫根元素，里面有很多元素（有很多标签，有很多对象）

图片发自App