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

本文介绍了基于DOM的Web编程方法,包括获取元素、操作内容及设置属性等基本用法,并对比了基于文本的传统编程方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我们通常在做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"前缀),比如 clickmousedown,和 keypressaddEventListener() 方法的第二个参数可以和早些时候描述过的函数引用同样对待。第三个参数则是一个 Boolean 值,指明该结点是否以DOM中所谓的捕捉模式---综合起来称为事件的传播--最后由另一篇文章来描述。对于一个典型的事件侦听器来说,第三个参数应该为 false(假)。)来侦听事件。事件的捕捉和派发
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值