document.getElementById的一些細(xì)節(jié)
更新時間：2006年09月08日 00:00:00 作者：
① document.getElementById 有時會抓name放過了id ，據(jù)說是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中g(shù)etElementById竟然不是先抓id而是先找name相同的物件...
兩個form,每個form有兩個textbox,兩個form中的textbox是相同的name,但id都不同...
這樣在Firefox是沒問題的...但在IE卻只抓得到第一個出現(xiàn)的name資料
下面這段代碼可以驗證這個結(jié)果
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
② javascript中的getElementbyId使用
網(wǎng)頁中的元素必須有id屬性，才能通過這個方法得到，比如
<input type=text name="content" id="content">
③獲取html標(biāo)記主要有兩種方法，一種是通過ID值，一種是通過name屬性
name屬性主要用于form表單內(nèi)的input標(biāo)記
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中g(shù)etElementById竟然不是先抓id而是先找name相同的物件...
兩個form,每個form有兩個textbox,兩個form中的textbox是相同的name,但id都不同...
這樣在Firefox是沒問題的...但在IE卻只抓得到第一個出現(xiàn)的name資料
下面這段代碼可以驗證這個結(jié)果
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
② javascript中的getElementbyId使用
網(wǎng)頁中的元素必須有id屬性，才能通過這個方法得到，比如
<input type=text name="content" id="content">
③獲取html標(biāo)記主要有兩種方法，一種是通過ID值，一種是通過name屬性
name屬性主要用于form表單內(nèi)的input標(biāo)記
相關(guān)文章
這篇文章主要介紹了JS實現(xiàn)很酷的水波文字特效,實例分析了javascript操作圖層特效的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
下面小編就為大家分享一篇js 實現(xiàn)復(fù)選框只能選擇一項的示例代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
javascript axios 實現(xiàn)進(jìn)度監(jiān)控的示例代碼
在使用axios發(fā)送HTTP請求時,可以通過onUploadProgress和onDownloadProgress來監(jiān)控上傳和下載的進(jìn)度,具有一定的參考價值,感興趣的可以了解一下2025-01-01
JavaScript 常見安全漏洞和自動化檢測技術(shù)
js安全漏洞目前存在較大的技術(shù)難題，本文結(jié)合案例給大家詳解JavaScript 常見安全漏洞和自動化檢測技術(shù)，需要的朋友可以參考下2015-08-08
Js 回車換行處理的辦法及replace方法應(yīng)用
當(dāng)我們在文本框里輸入文字敲下回車后，希望在提交后網(wǎng)頁也顯示是換行的效果,可往往并不能如愿以償啊，實在是憤怒啊自己寫了一個回車換行處理的函數(shù)，感興趣的朋友可以了解下啊，希望本文對你有所幫助2013-01-01
這篇文章主要介紹了微信小程序 如何保持登錄狀態(tài),文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-08-08
TypeScript中的interface與type實戰(zhàn)
這篇文章主要介紹了TypeScript中的interface與type詳解,它們都是用來定義類型的強(qiáng)大工具，在實際開發(fā)中，你可以根據(jù)具體情況選擇使用 interface 或 type，或者甚至將它們結(jié)合起來使用，需要的朋友可以參考下2023-06-06
impress.js 是國外一位開發(fā)者受 Prezi 啟發(fā)，采用 CSS3 與 JavaScript 語言完成的一個可供開發(fā)者使用的表現(xiàn)層框架(演示工具)。感興趣的朋友跟著小編一起學(xué)習(xí)吧2015-09-09
本篇文章小編為大家介紹，淺談關(guān)于JavaScript的語言特性分析，有需要的朋友可以參考一下2013-04-04
contains和compareDocumentPosition 方法來確定是否HTML節(jié)點間的關(guān)系
一個很棒的 blog 文章，是 PPK 兩年前寫的，文章中解釋了 contains() 和 compareDocumentPosition() 方法運(yùn)行在他們各自的瀏覽器上。2011-09-09