document.getElementById的一些细节_javascript技巧

① document.getElementById 有时会抓name放过了id ，据说是IE的一个BUG；
http://community.csdn.net/Expert/topic/4223/4223888.xml?temp=.1947443

页面中有

 程序代码




一个是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資料

下面这段代码可以验证这个结果

<title> getElementById </title> <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> <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>

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

② javascript中的getElementbyId使用 
网页中的元素必须有id属性，才能通过这个方法得到，比如


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