1.文档：DOM中的‘D’
如果没有document，DOM就无从谈起。
当创建网页并把它加载到Web浏览器，DOM就在幕后悄然而生。它将你编写的网页文档转换为文档对象。
2.对象：DOM中的‘O’
JavaScript的对象分为三种：
用户定义对象：由程序员自行创建的对象
内建对象：内建在JavaScript里的对象。（Array、Math，Date）
宿主对象：由浏览器提供的对象
window对象：是最基础的宿主对象。它对应着浏览器窗口本身。它的属性和方法通常被称为Window Object Model。
它提供了window.open(),window.blur()等方法。
document对象：主要功能是处理网页内容。
3.模型：DOM中的‘M’
DOM中的'M'：model（模型）
浏览器提供了网页的模型，而我们通过JavaScript去读取这个模型。
DOM将一份文档表示为一棵家谱树。并使用parent、child、sibling等记号来表示家庭成员之间的关系。家谱树模型非常适合用来表示HTML语言编写的文档。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Shopping list</title>
</head>
<body>
<h1>What to buy</h1>
<p title="a gentle reminder">Don't forget to but this stuff.</p>
<ul id="purchases">
<li>A tin of beans</li>
<li class="sale">Cheese</li>
<li class="sale important">Milk</li>
</ul>
</body>
</html>下图为上图文档的模型
