一般来说,DOM操作分为3个方面,即DOM-Core,HTML-DOM和CSS-DOM。
1. DOM-Core:
DOM-Core并不专属于JavaScript,任何一种支持dom的程序设计语言都可以使用它。它的用途并非仅限于处理网页,也可以用来处理任何一种标记语言编写出来的文档,例如XML。
JavaScript中的getElementById(),getElementsByTagName(),getAttribute()和setAttribute()等方法,都是DOM-Core的组成部分。
例如:
使用DOM-Core来获取表单对象:
document.getElementsByTagName("form");
使用DOM-Core来获取某元素的src属性:
element.getAttribute("src");
2. HTML_DOM:
在使用JavaScript和DOM为HTML文件编写脚本时,有许多专属于HTML-DOM的属性。HTML-DOM的出现甚至比DOM Core还要早,它提供了一些更简明的记号来描述各种HTML元素的属性。
例如:
使用HTML-DOM来获取表单对象:
document.forms //HTML-DOM提供了一个forms对象
使用HTML-DOM来获取某元素的src属性:
element.src
提供上面所说的方法,可以发现获取某些对象、属性既可以使用DOM Core来实现,也可以使用HTML-DOM实现。
3. CSS_DOM:
CSS-DOM是针对css的操作。在JavaScript中,CSS-DOM技术的主要作用是获取和设置style对象的各种属性。通过改变style对象的各种属性,可以使网页呈现出各种不同的效果。例如:
设置某元素style对象字体颜色的方法:
element.style.color="red";