firefox下獲取下列框選中option的text的代碼
更新時(shí)間：2010年06月25日 20:04:47 作者：
Firefox下面沒有innerText,所以我們想在firefox下獲取下列框選中option的text（注意不是value）時(shí)會(huì)比較吃力。筆者結(jié)合自己在項(xiàng)目中的解決方案和代碼總結(jié)一下，請大家指教。
知識(shí)點(diǎn)：
0、為什么要innerText？因?yàn)榘踩珕栴}
1、為firefox dom模型擴(kuò)展屬性
2、currentStyle屬性可以取得實(shí)際的style狀態(tài)
3、IE實(shí)現(xiàn)innerText時(shí)考慮了display方式，如果是block則加換行
4、為什么不用textContent？因?yàn)閠extContent沒有考慮元素的display方式，所以不完全與IE兼容
代碼： 在IE6,7,8 和firefox 2,3下測試均通過。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
當(dāng)然，如果單獨(dú)針對下拉框，也可以不用重寫innerText，用下面的代碼也能實(shí)現(xiàn)。重寫innerText是為了兼容除下拉框以外的其他的HTML 元素。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
0、為什么要innerText？因?yàn)榘踩珕栴}
1、為firefox dom模型擴(kuò)展屬性
2、currentStyle屬性可以取得實(shí)際的style狀態(tài)
3、IE實(shí)現(xiàn)innerText時(shí)考慮了display方式，如果是block則加換行
4、為什么不用textContent？因?yàn)閠extContent沒有考慮元素的display方式，所以不完全與IE兼容
代碼： 在IE6,7,8 和firefox 2,3下測試均通過。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
當(dāng)然，如果單獨(dú)針對下拉框，也可以不用重寫innerText，用下面的代碼也能實(shí)現(xiàn)。重寫innerText是為了兼容除下拉框以外的其他的HTML 元素。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
您可能感興趣的文章:
- js 操作select和option常用代碼整理
- jquery操作select option 的代碼小結(jié)
- javascript各瀏覽器中option元素的表現(xiàn)差異
- jQuery 操作option的實(shí)現(xiàn)代碼
- javascript select options 排序(保持option 對象完整性)
- javascript 動(dòng)態(tài)創(chuàng)建 Option選項(xiàng)
- javascript據(jù)option的value值快速設(shè)定初始的selected選項(xiàng)
- 改進(jìn)版：在select中添加、修改、刪除option元素
- javascript對select標(biāo)簽的控制(option選項(xiàng)/select)
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了微信小程序數(shù)據(jù)存儲(chǔ)與取值的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-01-01
window.showModalDialog()返回值的學(xué)習(xí)心得總結(jié)
本篇文章主要介紹了window.showModalDialog()返回值的學(xué)習(xí)心得。需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
JavaScript實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊后層展開效果的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊后層展開效果的方法,可實(shí)現(xiàn)點(diǎn)擊文字緩慢展開層的效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-05-05
使用 bootstrap modal遇到的問題小結(jié)
bootstrap提供了一個(gè)寫好的css文件和js文件然而在使用時(shí)遇到了一下并不是很好的問題，今天在使用彈出對話框時(shí)遇到了一個(gè)這樣的問題，今天小編給大家分享下使用 bootstrap modal遇到的問題小結(jié)，一起看看吧2016-11-11
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實(shí)現(xiàn)圖片局部放大鏡效果,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-12-12
webpack學(xué)習(xí)筆記之優(yōu)化緩存、合并、懶加載
這篇文章主要介紹了webpack學(xué)習(xí)筆記之優(yōu)化緩存、合并、懶加載，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
有關(guān)JavaScript的10個(gè)怪癖和秘密分享
在本片文章中，作者將向您講述JavaScript中最鮮為人知的秘密。學(xué)習(xí)js的朋友可以參考下。2011-08-08
如何自己實(shí)現(xiàn)JavaScript的new操作符
new大家肯定都不陌生，單身沒有對象的時(shí)候就new一個(gè)，很方便。那么它在創(chuàng)建實(shí)例的時(shí)候，具體做了哪些操作呢？今天我們就來一起分析一下。2021-04-04
JS獲取本地文件并進(jìn)行網(wǎng)絡(luò)傳輸?shù)拇a詳解
在web中如想要獲取用戶計(jì)算機(jī)上的文件我們通常會(huì)用到的方法是通過一個(gè)表單元素<input type="file">操作用戶選擇的文件,本文小編給大家介紹了JS獲取本地文件并進(jìn)行網(wǎng)絡(luò)傳輸?shù)姆椒?需要的朋友可以參考下2024-08-08
click方法可以用來模擬用戶點(diǎn)擊。有的瀏覽器中所有元素都具有click方法，有的瀏覽器則沒有。2011-07-07