getElementById

来源:互联网 发布:淘宝网开店要求 编辑:程序博客网 时间:2024/06/16 03:07
 

oElement = document . getElementById ( sID )

参数:sID――必选项。字符串 (String)

返回oElemen―― (Element)

明:根据指定的 id属性得到象。返回 id 属性等于 sID的第一个象的引用。假如对应组对返回该组对象中的第一个。如果无符合条件的象,返回 null

注意:document.getElementById(" ") 得到的是一个象,用 alert 示得到的是“ object ”,而不是具体的,它有 value length等属性,加上 .value得到的才是具体的

细节

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_idIEgetElementById竟然不是先抓id而是先找name相同的物件

兩個form,form有兩個textbox,兩個form中的textbox是相同的name,id都不同這樣在Firefox是沒問題的但在IE卻只抓得到第一個出現的name資料
下面段代可以验证这
<HTML>
<HEAD>
<TITLE> getElementById </TITLE>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function chkacc(){
alert(document.getElementById("tbxuid1").value);
alert(document.getElementById("tbxpwd1").value);
alert(document.getElementById("tbxuid").value);
alert(document.getElementById("tbxpwd").value);
}
//-->
</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
>