DOM 是Document Object Model文档对象模型,DOM是一种与浏览器、平台、语言无关的接口,使用该接口可以轻松地访问页面中所有的标准组件。
DOM操作分为3个方面,即DOM Core(核心)、HTML-DOM和CSS-DOM。
1、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是HTML Document Object Model(文档对象模型)的缩写,HTML DOM则是专门适用与HTML/XHTML的文档对象模型。
熟悉软件开发的人员可以将HTML DOM理解为网页的API。它将网页中的各个元素都看作一个个对象,从而使网页中的元素也可以被计算机语言获取或者编辑。
例如Javascript就可以利用HTML DOM动态的修改网页。
例子如下:
使用HTML DOM获取表单对象的方法:document.forms; //HTML DOM 提供了一个forms对象
使用HTML DOM获取某元素的src属性的方法: element.src;
3、CSS DOM
CSS-DOM是针对CSS的操作,主要作用是获取和设置style对象的各种属性。
设置某元素style对象字体颜色的方法:
element.style.color = “red”;