在了解了javascript的语言特性后，javascript真正大放光彩的地方来了——这就是javascript DOM
Javascript DOM
DOM(Document Object Model),文档对象模型。
简单的说就是一套操作文档内容的方法。
文档：DOM的D
如果没有document(文档)，DOM就无从谈起。当创建了一个网页并把它加载到web浏览器中，DOM就悄然而生，它将根据你编写的网页文档创建一个文档对象。
对象：DOM的O
javascript中的对象分为三种：用户自定义对象（用户自己创建的对象），内建对象（内建在js语言的对象，如Array,Math,Date），宿主对象(由浏览器提供的对象，最基础的就是window对象)
Window对象对应浏览器窗口的本身，这个对象的属性和方法通常称为BOM（浏览器对象模型）。但我们不需要与BOM打太多交道，我们需要将注意力集中到浏览器窗口的内部而不是浏览器窗口本身。我们将着重探讨如何对网页的内容进行处理，而用来实现这一目标的载体就是document对象。
模型：DOM的M
代表某种事物的表现形式。就像一个火车模型代表一列火车，一张地图代表一个城市一样，DOM代表被加载到浏览器窗口里的当前网页。浏览器向我们提供了当前网页的“地图”，我们可以通过javascript去读取这张“地图”。既然是地图，就必须有诸如方向，比例尺等记号。要想看懂地图，就必须弄懂这些记号的含义。所以我们必须要把各种用来描述文档的记号弄明白。
需要注意的是，我们需要把DOM当作一个整体，不能分割看待，即DOM（文档对象模型）是一套操作文档内容的方法。
DOM把一份文档表示为一棵树（节点树），是我们理解和运用这一模型的关键。
例如：
<!DOCTYPE html>
<html>
<head>
<title>Shopping list</title>
<meta charset="utf-8">
</head>
<body>
<h1>What to buy</h1>
<p id="buy" title="a gentle reminder">Don't forget to buy this stuff</p>
<ul id="purchases">
<li>A tin od beans</li>
<li>Cheese</li>
<li>Milk</li>
</ul>
</body>
</html>
196
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
