DOM 入门

DOM是Document Obejct Model的缩写，意思是 文档对象模型()。

DOM 是一种接口，使用该接口可以轻松访问页面中所有标准组件(轻松获取和操作网页中的数据,脚本和表现层对象),重要的是解决了Netscape的javascript和Microsoft的Jscript之间的冲突，给web开发者一套标准的方法。

　　注：DOM不属于某一语言，也不仅仅面对javascript，它仅仅定义一个标准的接口。

DOM分为三个方向，DOM Core(核心),HTML-DOM和CSS-DOM.

1 DOM Core

javascript中有getElementById(),getElementByTagName(),getAttribute(),setAttribute等方法。

例：

　　获取表单对象：document.getElementByTagName('form');

　　获取某元素的src属性: element.getAttribute('src');

2 HTML-DOM

　　提供了简明的记号描述各宗HTML元素属性

例:

　　window.location获取一个location对象

　　window.alert()弹出一个警告窗口

　　document.write()在html文档上写相关内容

　　获取表单对象:document.froms

　　获取某元素src属性:element.src

 

3 CSS-DOM

　　在javascript中,CSS-DOM主要用来获取和设置style对象的各种属性.

　　设置某元素style对象字体颜色 element.style.color = "red";

 

转载于:https://www.cnblogs.com/zzu-han/archive/2012/06/11/2544467.html