当前位置: 首页 > 图文教程 > 网络编程 > Javascript > document.getElementById的一些细节

Javascript
javascript表单之间的数据传递
当层遇到select下拉框时的解决方法
showModalDialog和showModelessDialog使用心得
JavaScript技巧:让网页自动穿上外套
一个非常强大完整的web表单验证程序
JavaScript实用技巧集锦
js控制excel打印完美解决方案
使用Javascript制作声音按钮
利用 PHP 将 HTML 转化为 WML
Javascript经典正则表达式
新闻内页-JS分页
鼠标划过时整行变色
用 或 || 来兼容FireFox
JS代码的格式化和压缩
动态加载iframe
html下载本地
强制设为首页代码
超强图片数量上传无限制
document 和 document.all 分别什么时候用
javascript 动态添加表格行

Javascript 中的 document.getElementById的一些细节


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 75 ::
收藏到网摘: n/a

① document.getElementById 有时会抓name放过了id ,据说是IE的一个BUG;
http://community.csdn.net/Expert/topic/4223/4223888.xml?temp=.1947443
页面中有
程序代码
<input type="hidden" id="hello8" name="category_id" value="2" />
<select id="category_id" onchange="al();">

一个是name="category_id" 一个是id="category_id"
用document.getElementById取第二个,可是,取到的却是第一个name=category_id
在IE中getElementById竟然不是先抓id而是先找name相同的物件...
兩個form,每個form有兩個textbox,兩個form中的textbox是相同的name,但id都不同...
這樣在Firefox是沒問題的...但在IE卻只抓得到第一個出現的name資料
下面这段代码可以验证这个结果
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

② javascript中的getElementbyId使用
网页中的元素必须有id属性,才能通过这个方法得到,比如
<input type=text name="content" id="content">
③获取html标记主要有两种方法,一种是通过ID值,一种是通过name属性
name属性主要用于form表单内的input标记