一般来讲，操作文档的对象不同，DOM操作的分类也就不同。在jQuery中，有关DOM的操作被分为3个部分，它们分别是核心DOM( DOM Core)、 HTML-DOM和CSS-DOM。
DOM Core
DOM Core定义了一套标准的针对任何结构化文档的对象，它并不是JavaScript的专属，任何一种支持DOM的设计语言和脚本都可以非常好地使用DOM Core来处理文档对象。例如一个XML配置文件，我们就可以将XML文件通过自己的编程语言解析成DOM模型。DOM的工作机制是，将结构化文档映射成一堆配置对象，然后在程序中就可以直接调用配置对象来对文档进行操作。
HTML-DOM
HTML-DOM是专门为HTML文档设计和开发的，它定义了一套标准的针对HTML文档的对象模型。熟悉软件开发的人员可以将HTML DOM理解为HTML网页的API。它将网页中的元素都看做一个个对象，从而使网页中的元素也可以被计算机语言获取或者编辑。例如，JavaScript就可以利用HTML-DOM动态地修改网页内容。在HTML-DOM中，HTML文档的每个层次结构都被映射为一个树形结构，文档的每个成分都是这棵树中的节点。
CSS-DOM
CSS-DOM是针对CSS技术而言的。在网页中使用CSS技术，可以使网页表现的内容更加丰富，使网页呈现的效果更加多彩。
CSS-DOM技术的主要作用就是，借助于DOM的优点来更加灵活地获取和设置DOM对象中syle对象的各种属性。通过改变 style对象的各种属性，从而达到动态修改DOM元素。CSS样式的目的，使网页动态地呈现出各种不同的效果。
发表评论