js中document在IE出错在Firefox正确-优快云博客

本文详细介绍了JavaScript中document.getElementById方法的使用技巧及其潜在问题，包括如何通过ID获取HTML元素、解决ID与name冲突等。

Element_value = document . getElementById (ID_name )
参数：
ID_name:必选项字符串(String)。
返回值：
Element_value: 获取对应ID名字对象(Element)。
说明：
根据指定的id属性值得到对象。返回id属性值等于ID_name的第一个对象的

引用。假如对应的为一组对象，则返回该组对象中的第一个。
如果无符合条件的对象，则返回 null 。

它是一个document对象的方法，可以通过它来获得指定id的html元素。
例如在页面里表单元素你可以给它设置id值，或name值来区别同种类型的不同元素，当你设置id document.getElementById("id")来得到这个元素，从而通过document.getElementById("id").value 得到元素的值，类似的方法还有document.getElementsByName("name")通过元素名称来获得元素对象。document.getElementsByTagName("form")通过标签名称获得元素。

document.getElementById的一些细节
document.getElementById 有时会抓name放过了id ，据说是IE的一个BUG
<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資料

下面这段代码可以验证这个结果
<HTML>
<HEAD>
<TITLE> getElementById </TITLE>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
<BODY>
<FORM METHOD=POST ACTION="" name="frm1">
<INPUT TYPE="text" NAME="tbxuid" id="tbxuid1">
<INPUT TYPE="text" NAME="tbxpwd" id="tbxpwd1">
</FORM>
<FORM METHOD=POST ACTION="" name="frm2">
<INPUT TYPE="text" NAME="tbxuid" id="tbxuid">
<INPUT TYPE="text" NAME="tbxpwd" id="tbxpwd">
<INPUT TYPE="button" value="检查" name="btnchk"

onclick="chkacc();">
</FORM>
</BODY>
</HTML

② javascript中的getElementbyId使用
网页中的元素必须有id属性，才能通过这个方法得到，比如
<input type=text name="content" id="content">

③获取html标记主要有两种方法，一种是通过ID值，一种是通过name属性
name属性主要用于form表单内的input标记