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