JavaScript中為元素加上name屬性的方法
更新時間：2011年05月09日 23:40:55 作者：
干前端這行當(dāng)已經(jīng)超過一個月了, 每天都會遇到新奇古怪, 甚至離奇的問題. 雖然絕大部分都是一些小問題, 但我覺得還是有必要記錄下來
今天遇到個小問題, 在構(gòu)建 DOM 時, IE 中不能通過 element.setAttribute('name', _variable); 和 element.name = _variable; 這樣的形式來為元素加上 name 屬性, 無論是 IE6 還是 IE7. (IE8 是可以的, 但 IE8rc1 不行)
后來我查看了 MSDN, 得到信息如下:
Internet Explorer 8 and later can set the NAME attribute at run time on elements dynamically created with the createElement method. To create an element with a NAME attribute in earlier versions of Internet Explorer, include the attribute and its value when using the createElement method.
也就是說, 我們必須通過帶屬性和值的標(biāo)簽來創(chuàng)建有 name 屬性的元素. 為求各瀏覽器兼容良好, 代碼可以這樣寫:
var element = null;
try {
// IE6/IE7 構(gòu)建方式
element = document.createElement('<input name="radio-button">');
} catch (e) {
// W3C 構(gòu)建方式
element = document.createElement('input');
element.name = 'radio-button';
}
// 定義其他屬性
element.id = 'radio-1'
element.type = 'radio';
以前我是一個 Java 開發(fā)人員, 實際工作中 JavaScript 的代碼量其實不多, 在自己的一些小應(yīng)用中往往只是小打小鬧, 會 (潛意識地) 避開一些可能出問題的地方, 像跨域使用 AJAX, IE 內(nèi)存泄漏這樣的問題很少回去考慮. 但在轉(zhuǎn)做 UED 后, JavaScript 和交互應(yīng)用肯定會成為我以后的工作重點(diǎn), 發(fā)生大小各異問題的機(jī)會相當(dāng)多 (現(xiàn)在幾乎每天都有), 在解決各種問題的過程中, 我痛并快樂著. 本著不瞎搞, 少折騰的原則, 有必要把這些記錄一下, 為自己備份, 更能與人分享.
后來我查看了 MSDN, 得到信息如下:
復(fù)制代碼 代碼如下:
Internet Explorer 8 and later can set the NAME attribute at run time on elements dynamically created with the createElement method. To create an element with a NAME attribute in earlier versions of Internet Explorer, include the attribute and its value when using the createElement method.
也就是說, 我們必須通過帶屬性和值的標(biāo)簽來創(chuàng)建有 name 屬性的元素. 為求各瀏覽器兼容良好, 代碼可以這樣寫:
復(fù)制代碼 代碼如下:
var element = null;
try {
// IE6/IE7 構(gòu)建方式
element = document.createElement('<input name="radio-button">');
} catch (e) {
// W3C 構(gòu)建方式
element = document.createElement('input');
element.name = 'radio-button';
}
// 定義其他屬性
element.id = 'radio-1'
element.type = 'radio';
以前我是一個 Java 開發(fā)人員, 實際工作中 JavaScript 的代碼量其實不多, 在自己的一些小應(yīng)用中往往只是小打小鬧, 會 (潛意識地) 避開一些可能出問題的地方, 像跨域使用 AJAX, IE 內(nèi)存泄漏這樣的問題很少回去考慮. 但在轉(zhuǎn)做 UED 后, JavaScript 和交互應(yīng)用肯定會成為我以后的工作重點(diǎn), 發(fā)生大小各異問題的機(jī)會相當(dāng)多 (現(xiàn)在幾乎每天都有), 在解決各種問題的過程中, 我痛并快樂著. 本著不瞎搞, 少折騰的原則, 有必要把這些記錄一下, 為自己備份, 更能與人分享.
相關(guān)文章
這篇文章主要介紹了jQuery scrollFix滾動定位插件,當(dāng)用戶向上或向下滾動頁面到一定位置時，目標(biāo)元素開始固定定位（position:fixed），當(dāng)回滾到原位置時目標(biāo)元素恢復(fù)到原狀態(tài)，需要的朋友可以參考下2015-04-04
JS實現(xiàn)自動定時切換的簡潔網(wǎng)頁選項卡效果
這篇文章主要介紹了JS實現(xiàn)自動定時切換的簡潔網(wǎng)頁選項卡效果,涉及JavaScript基于時間函數(shù)定時觸發(fā)遍歷函數(shù)實現(xiàn)定時切換功能,需要的朋友可以參考下2015-10-10
JavaScript數(shù)據(jù)結(jié)構(gòu)鏈表知識詳解
存儲有序的元素集合，但不同于數(shù)組，鏈表中的元素在內(nèi)存中不是連續(xù)放置的。每個元素由一個存儲元素本身的節(jié)點(diǎn)和一個指向下一個元素的引用（也稱指針或鏈接）組成。下面通過本文給大家詳細(xì)介紹下，需要的朋友參考下2016-11-11
根據(jù)表格中的某一列進(jìn)行排序的javascript代碼
根據(jù)表格中的某一列進(jìn)行排序的實現(xiàn)方法有很多，下面為大家介紹下如何使用js來簡單實現(xiàn)下，需要的朋友不要錯過2013-11-11
JS將json字符串轉(zhuǎn)換為JsonObject的多種實現(xiàn)方法
在Web前端開發(fā)中,JSON（JavaScript Object Notation）作為數(shù)據(jù)交換格式被廣泛使用,它輕量級且易于人類閱讀和編寫,同時也易于機(jī)器解析和生成,當(dāng)從服務(wù)器接收數(shù)據(jù)時,我們需要將其轉(zhuǎn)換為JSON對象以便于操作,本文將深入探討如何利用JavaScript實現(xiàn)這一轉(zhuǎn)換過程2025-02-02
我從js代碼中通過地址欄傳值給了action的相應(yīng)變量，但是，如果變量值為中文的時候，在action中測試輸出則為問號2013-05-05
這篇文章主要介紹了基于JavaScript實現(xiàn)簡單掃雷游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
layer的prompt彈出框,點(diǎn)擊回車,觸發(fā)確定事件的方法
今天小編就為大家分享一篇layer的prompt彈出框,點(diǎn)擊回車,觸發(fā)確定事件的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了JS如何尋找數(shù)組中心索引過程解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-06-06
這篇文章主要介紹了JS簡單實現(xiàn)tab切換效果的多窗口顯示功能,可實現(xiàn)響應(yīng)鼠標(biāo)事件的文字切換顯示效果,涉及javascript頁面元素遍歷與樣式變換相關(guān)操作技巧,需要的朋友可以參考下2016-09-09