5.1 DOM操作的分类

通常来说，DOM操作分为3方面：DOM Core、HTML-DOM和CSS-DOM。

1.DOM Core

DOM Core（核心DOM）：它不专属于任何语言，它是一组标准的接口，任何一种支持DOM的程序语言都可以使用它。JavaScript中的getElementById()、getElementsByTagName()、getAttribute()和setAttribute()等方法都是DOM Core的组成部分。

例如：

（1）使用DOM Core来获取表单对象的方法：

        document.getElementsByTagName("form");

（2）使用DOM Core来获取元素的title属性：

        element.getAttribute("title");

2.HTML-DOM

在JavaScript中，有很多专属于HTML-DOM的属性。例如：document.forms、element.src等。

例如：

（1）使用HTML-DOM来获取表单对象的方法：

        document.forms;   //HTML-DOM当中提供了forms对象

（2）使用HTML-DOM来获取元素的title属性：

        element.title;

通过以上代码可以看出，HTML-DOM代码通常比DOM Core简短，不过它只能用来处理Web文档。

3.CSS-DOM

CSS-DOM是针对CSS的操作。在JavaScript中，CSS-DOM主要用于获取和设置style对象的属性。例如：

        element.style.color = “#ADD8E6”;