深入剖析DOM文档对象模型

　　本文向大家描述一下DOM文档对象模型，文档对象模型(DocumentObjectModel)，通常简称为DOM，是网站内容与JavaScript互通的接口  。DOM接口用于存取、遍历和控制HTML和XML文档  。

　　DOM文档对象模型　

　　文档对象模型(DocumentObjectModel)，通常简称为DOM，是网站内容与JavaScript互通的接口  。自JavaScript成为最常用的语言时JavaScript和DOM文档对象模型通常被视为独立的实体  。DOM接口用于存取、遍历和控制HTML和XML文档  。

　　下面是关于DOM文档对象模型的一些重要的知识:

　　◆window对象作为全局对象，你仅需尝试使用”window”来访问它  。Window对象下包含了你的所有要执行的JavaScript代码  。就像所有对象都包含属性和方法  。

　　属性是存储于对象下的变量  。所有在网页中创建的变量都会成为window对象的属性  。

　　方法是存储在对象下的函数  。在所有函数存储在window对象下时，你可以使用’methods’引用它们  。

　　◆DOM文档对象模型相对于Web文档结构创建层次结构，层次有节点组成  。DOM节点有很多不同的类型，其中最重要的要数’Element’、’Text’和’Document’了.

　　‘Element’节点表示在页面中的元素，所以如果在页面中你有一个段落元素(‘

’)，那么你可以通过DOM的节点来访问它  。
‘Text’节点表示在页面中的所有文本(在元素中)，所以如果在页面的段落中有一些文本内容，那么你可以通过DOM的节点来访问它  。
‘Document’节点表示整个文档  。(它是DOM树的根节点)

　　另请注意，元素属性是DOM节点本身  。

　　◆不同的布局引擎对于DOM文档对象模型标准的执行是有一定的差别的  。例如，使用Gecko布局引擎的FireFox浏览器可以很好的执行(但也并不是完完全全按照W3C规范那样)，但使用Trident引擎的IE因它的很多Bug和不完全执行DOM文档对象模型标准而为众人所知  。这便是前端开发领域的一大痛苦之处  。