WEB标准开发中的一些基本用法

我们通常在做 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（假）。)来侦听事件。事件的捕捉和派发