javascript学习2：理解DOM

1、理解文档对象模型

DOM是一组对象的集合，这些对象代表了HTML文档里的各个元素。顾名思义，DOM就像一个模型，它由代表文档的众多对象组成。DOM是Web开发的关键工具之一，它是HTML文档的结构和内容与JavaScript之间的桥梁。作为示例。

作为显示HTML文档过程中的一个步骤，浏览器会解析HTML并创建一个模型。这个模型保存了各个HTML元素之间的层级关系，每个元素都由一个JavaScript对象表示。

模型里的每一个对象都有若干属性和方法。当你用它们来修改对象的状态时，浏览器会让这些改动反映到对应的HTML元素上，并更新你的文档。

所有代表元素的DOM对象都支持同一组基本功能:HTMLElement对象和其定义的核心功能始终是可用的，无论对象代表何种元素都是如此。另外，某些对象会定义一些额外的功能，这些操作反映了特定HTML元素独一无二的特性。我会在第31章介绍这些额外的功能。记住下面的一点很重要:文档模型里任何代表某个元素的对象都至少能支持HTMLElement功能，其中一些还支持额外的功能。

不是所有可供使用的对象都代表了HTML元素。正如你即将看到的，一些对象代表元素的集合，另一些则代表DOM自身的信息，当然还有Document这个对象，它是我们探索DOM的人口。

2、理解DOM Level和兼容性

开始使用DOM时，你会碰到网络上一些文章和教程提到DOM Level(即DOM等级，比如某个特定功能是在DOM Level3中定义的)。DOM Level是标准化过程中的版本号，在大多数情况下应该忽略它们。
DOM的标准化过程并不是完全成功的，每一个DOM Level都有描述它的标准和文档，但它们并没有被完整地实现，浏览器只是简单地挑选了其中的有用功能，而忽略了其他的。更糟糕的是，已经实现的功能之间还存在着某种程度的不一致性。
部分问题在于，DOM规范与HTML标准过去是分别开发的。HTML5试图通过包含一组必须实现的DOM核心功能来解决这个问题。然而这种做法尚未见效，碎片化仍然存在。
有多种方式可用来应对DOM功能的多变性。第一种方式是使用某个JavaScript库（比如jQuery)，它消除了浏览器之间实现方式的差别。使用库的优点在于其一致性，但缺点是只能使用库支持的那些功能。如果想突破库原有功能的局限，就只能转回到直接操作DOM上，并重新面对之前的那些问题。(这并不是说jQuery和类似的库没有价值，它们很有用，非常值得去了解一下。)
第二种是保守方式:只使用你所知的被广泛支持的那些功能。这种方式一般来说是最为明智的，不过它需要仔细而全面的测试。不仅如此，你还必须仔细测试新版的浏览器，确保对这些功能的支持没有发生变化或者被移除。