转自:http://www.office68.com/computer/6505.html
对于前台设计,浏览不兼容是一个很头晕的事情,为此记录下来与大家分享,并供日后自己参考。
例: 有一个名为pwd的文本输入框 <input type="text" name="pwd" " value="输入密码">
在IE中通过 var strpwd= document.getElementById("pwd").value; 通正常获取值, 但在火狐中不行,
顾明思义,get-Element-By-Id,就是通过 ID 来设置/返回 HTML 标签的属性及调用其事件与方法 HTML DOM 定义了多种查找元素的方法,除了 getElementById() 之外,还有 getElementsByName() 和 getElementsByTagName()。 不过,如果您需要查找文档中的一个特定的元素,最有效的方法是 getElementById()。 在操作文档的一个特定的元素时,最好给该元素一个 id 属性,为它指定一个(在文档中)唯一的名称,然后就可以用该 ID 查找想要的元素。
显然document.getElementById("pwd").value,是W3C规定的方法,上面的文本输入框少ID这个属性,加上去就正常了。
<input type="text" name="pwd" " value="输入密码"> 改为 <input type="text" name="pwd" id="pwd" " value="输入密码">
即可以实现浏览器的兼容性。
getElementById,如果其元素没有id属性,按规定应该无法获取。 其实并非火狐不兼容,只是IE的容错性高,或者IE并不是一个很标准的浏览器。
|