一般来讲,操作文档的对象不同,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样式的目的,使网页动态地呈现出各种不同的效果。
发表评论