我们通常在做
WEB编程时,一般用的的是基于文本的思维方式,即用点记法来访问和设置,如:document.all.id.value = “value”
那些不支持W3C DOM的浏览器,以及完全不支持DOM的浏
览器,支持的就是这种Web编程的思维方式(基于文本的
Web编程)。
在
W3C的DOM标准出现之前,Micrsoft和Netscape的IE4和NS4都各有一套自己的DOM标准,所以在遵照WEB标准开发时,应该针对主要支持W3C的DOM标准的浏览器:
Netscape 6.0+、Mozilla 0.9+
IE/Win 5+、IE/Mac 5+
Opera7+
以及其它一些用户数量极少的浏览器
DOM标准(文档对象模型)的思维方式是基于
DOM的WEB编程
在DOM看来,HTML文档的层次结构,被表示为树型结构。树的节点表示
文档中的各种内容
下面就说说
WEB标准开发中的一些基本用法:
1. 获取某个控件(
id=”control”):
Var element = Document.getElementById(“control”);
2. 如果上面的控件是个标签,获取他的内容:
Var text = element.childNodes[0];
3. 设置控件的属性:
a) 除了style、class以及事件响应属性外,其他的属性都可以如下设置:
Element.setAttribute(“readOnly”,”true”);
b) 设置class属性:
Element.setAttribute(“calssName”,”test”);
c) 设置事件响应属性:(attachEvent()是IE才支援的方法,而在Mozilla中就要用addEventListener()。)
Element.attachEvent(“onclick”,test); (不支持 IE5/Mac)
Element.addEventListener("
eventType
",
listenerReference
,
captureFlag
); (不支持 IE5/Mac)
(第一个参数是一个声明事件类型的字符串(不带"on"前缀),比如
click
,
mousedown
,和
keypress
。
addEventListener()
方法的第二个参数可以和早些时候描述过的函数引用同样对待。第三个参数则是一个 Boolean 值,指明该结点是否以DOM中所谓的
捕捉模式---综合起来称为事件的传播--最后由另一篇文章来描述。对于一个典型的事件侦听器来说,第三个参数应该为 false
(假)
。)来侦听事件。事件的捕捉和派发