位置:海鸟网 > IT > JavaScript >

firefox下获取下列框选中option的text的代码

Firefox下面没有innerText,所以我们想在firefox下获取下列框选中option的text(注意不是value)时会比较吃力。笔者结合自己在项目中的解决方案和代码总结一下,请大家指教。

知识点:
0、为什么要innerText?因为安全问题
1、为firefox dom模型扩展属性
2、currentStyle属性可以取得实际的style状态
3、IE实现innerText时考虑了display方式,如果是block则加换行
4、为什么不用textContent?因为textContent没有考虑元素的display方式,所以不完全与IE兼容
代码: 在IE6,7,8 和firefox 2,3下测试均通过。

    [ 提示:你可先修改部分代码,再按Ctrl+A 全部选择 ]


当然,如果单独针对下拉框,也可以不用重写innerText,用下面的代码也能实现。重写innerText是为了兼容除下拉框以外的其他的HTML 元素。

    [ 提示:你可先修改部分代码,再按Ctrl+A 全部选择 ]