JavaScript—文档对象模型

浏览器可以改变页面的结构，从很多方面来讲，页面的结构就是页面本身的一个属性。

浏览器使用文档对象模型（DOM）表示页面。DOM中所有一切的起点都是document，这个对象表示页面的最”顶层“。

document对象只是一个对象。

浏览器必须理解文档的标记，并以某种方式进行组织，从而允许浏览器以及你的javascript代码——处理页面。所以浏览器会把xhtml页面转换为一个对象树。

浏览器会自动处理DOM树的创建，并提供document对象的所有方法。

所有现代浏览器都与www协会的DOM规范兼容，不过这个规范留了一些问题让浏览器设计者做决定，与其他主流浏览器的设计者不同，ie的设计者在如何构建dom树方面做了一个与众不同的决定，只需要一些工具函数，代码就能处理所有主流浏览器。

 

Dom树中的每个节点——包括元素、文本甚至属性都有一个名为"parentNode"的属性，通过这个属性可以得到当前节点的父节点。但是这个属性是可读的，所以如果要增加子节点，只能appendChild（），而不能设置其父节点。

问：根元素的父节点是什么？

　　document对象。

Dom是一个在web页面中完成移动的绝佳工具，利用dom，使得查找没有id属性的元素变得容易。

nodeName、nodeValue

　　每个DOM节点有两个基本属性，nodeName和nodeValue。

　　对于一个元素，nodeName是元素的名字。

　　对于一个属性，nodeName是属性的名字，nodeValue是属性值。

　　对于一个文本节点，nodeValue是文本内容。

同步请求不需要回调函数

　　对于一个Ajax同步请求，浏览器会等待服务器完成工作，在服务器返回一个相应之前不会运行其他代码。所以我们不需要一个回调函数。也不需要检查对象的readyState.只有服务器完成其响应之后，浏览器才会运行你的代码，所以等到运行的时候readyState总是4.

　　使用dom处理xml，就像处理xhtml一样

　　由于xhtml只是xml的一种特定实现，所以完全可以使用dom来处理xml。