firefox下獲取下列框選中option的text的代碼

更新時間：2010年06月25日 20:04:47 作者：

Firefox下面沒有innerText,所以我們想在firefox下獲取下列框選中option的text（注意不是value）時會比較吃力。筆者結合自己在項目中的解決方案和代碼總結一下，請大家指教。

知識點：
0、為什么要innerText？因為安全問題
1、為firefox dom模型擴展屬性
2、currentStyle屬性可以取得實際的style狀態(tài)
3、IE實現innerText時考慮了display方式，如果是block則加換行
4、為什么不用textContent？因為textContent沒有考慮元素的display方式，所以不完全與IE兼容
代碼：在IE6,7,8 和firefox 2,3下測試均通過。

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

當然，如果單獨針對下拉框，也可以不用重寫innerText，用下面的代碼也能實現。重寫innerText是為了兼容除下拉框以外的其他的HTML 元素。

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

JavaScript實現封閉區(qū)域布爾運算的示例代碼
這篇文章主要介紹了JavaScript實現封閉區(qū)域布爾運算的示例代碼，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-06-06
一個通過script自定義屬性傳遞配置參數的方法
編寫了一個js插件，要使用該插件需要先在html中引入該插件Js,然后再添加一個script標簽，在里面調用，需要的朋友可以看看
2014-09-09
javascript:void(0)點擊登錄沒反應怎么解決
這篇文章給大家介紹javascript:void(0)點擊登錄沒反應怎么解決，解決辦法是巧用批處理解決IE不支持JavaScript等問題，需要的朋友參考下
2015-11-11
Bootstrap入門教程一Hello Bootstrap初識
Bootstrap，來自 Twitter，是目前很受歡迎的前端框架。Bootstrap是基于 HTML5、CSS3和Javascriopt開發(fā)的。這篇文章主要介紹了基于Bootstrap3實現漂亮簡潔的CSS3價格表（精美代碼版）,需要的朋友可以參考下
2017-03-03
代碼整潔之道(重構)
這篇文章主要介紹了代碼整潔之道(重構)，不管對于何種語言，重構都是軟件開發(fā)過程中不可或缺的一部分，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-10-10
JavaScript對象的創(chuàng)建模式與繼承模式示例講解
繼承機制是面向對象程序設計使代碼可以復用的最重要的手段，它允許程序員在保持原有的特性基礎上進行擴展，增加功能，這樣產生新的類，稱作是派生類。繼承呈現了面向對象程序設計的層析結構，體現了由簡單到復雜的認知過程。繼承是類設計層次的復用
2022-12-12
JavaScript瀑布流布局實現代碼
這篇文章主要為大家詳細介紹了JavaScript瀑布流布局的實現代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
js 數組操作之pop,push,unshift,splice,shift
本篇文章主要介紹了js數組操作之pop,push,unshift,splice,shift。需要的朋友可以過來參考下，希望對大家有所幫助
2014-01-01
javascript判斷元素存在和判斷元素存在于實時的dom中的方法
本文主要介紹了javascript判斷元素存在和判斷元素存在于實時的dom中的方法。具有一定的參考價值，下面跟著小編一起來看下吧
2017-01-01
javascript實現根據時間段顯示問候語的方法
這篇文章主要介紹了javascript實現根據時間段顯示問候語的方法,涉及javascript時間與字符串的相關操作技巧,需要的朋友可以參考下
2015-06-06