深入浅出 Ajax 读书摘记4——【文档对象模型】

浏览器利用DOM把构成网页的HTML、CSS以及JavaScript甚至注释表示成一棵对象树。（P274）

这里是DOM的前面0.5部分内容。（即4~4.5之间的内容）o(∩_∩)o

0、DOM根本不是Ajax的一部分Ajax常需要搭配DOM使用。（P206）；

1、“document”对象让你的JavaScript可以访问Web浏览器的DOM树。（P204）；

2、元素是尖括号的名字，例如<title>或<p>。

文本是元素内的实际字符。

另外还有属性，像id="binary"或class="greentea"。

元素、属性、文本都被认为是节点，然而是不同的节点。

所以有文本节点，没有文本元素。

（P222）；

3、浏览器将每个元素的属性保存在一个特殊的列表中。虽然有属性节点，但是他们并不容易被表示在树的图中。（P222too）；

4、DOM保存在Web浏览器的存储器中，所以浏览器不需要和服务器对话，也不需要链接到网络。（P229）；

5、在一个DOM树内，一切都是节点：元素、文本、属性甚至注释。每个标记都有一些共同的属性，如父亲，大多数还有名字和孩子，DOM将这些共同的属性收集起来放在Node对象中。接下来，每个不同类型的对象会将自己特有的属性加入Node类型中。（P235）；

-----------------------------------------hihi 我是分割线--------------------------------------------

本章的篇幅实在是多，我们要把它分成两章，但是，这样的话，原本第 4 章的编程挑战就会变成第 5 章的编程挑战，根本没有人喜欢这样的想法，所有，我们把下一章改称为第 4.5 章，我们就可以继续说……

（掌声想起）……

它是第 4 章的编程挑战，谁说编程的书就不能来一点戏剧化的转折？（P239）；

---------------------------------------------------hihi 我是一半的分割线

这里是DOM后0.5的内容（即4.5~5.0之间内容）

6、 在JavaScript中使用onclick的属性和在HTML页面中使用onClick()事件完全没有差别。

浏览器会读入你的HTML文件的文本，转化成内部格式后，就不再使用此文本内容了。这些HTML的标记被转化成DOM树，所以现在你其实是在处理DOM，而不是文本。（P254）；

7、addEventHandler()方法可以用来为元素加上事件处理器，作用类似onclick属性，不过IE不支持。（P255）；

8、在一个元素中增加子元素：

1》div.replaceNode(img, img1)  // 用要加入的节点img取代现有的子节点img1

2》div.insertBefor(img, img3)    //在某个子节点img3之前插入一个节点img

3》div.appendChild(img)           //在所有子节点的最后附件一个节点img

（P260）；

9、一个元素只能有一个父亲。

我们把img元素加到topdiv中。这个时候，img元素的父亲已经不再是cdsdiv了，而是topdiv。因为元素只可以有一个父亲，所有img会从DOM树的cdsdiv中自动被移除。（P265）；

10、可以用JavaScript程序代码为DOM树加入CSS样式和JavaScript事件处理器。（P274）。

谁说编程的文章就不能来一点诙谐的转折o(∩_∩)o 哈哈（本章完）