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";

 

posted @ 2012-06-11 00:15  zzu-han  阅读(250)  评论(0编辑  收藏  举报