当前位置: 首页 > 图文教程 > 网络编程 > Javascript > FireFox支持innerText

Javascript
实用的JS表单验证提示效果
CSS 直方图布局示例
jquery 动态调整textarea高度
jquery animate 动画效果使用说明
jquery checkbox全选反选效果代码
jquery (show,fadeOut,Animate)简单效果
JavaScript 抽奖效果实现代码 数字跳动版
javascript Math.random()随机数函数
jQuery 加上最后自己的验证
JavaScript 自动分号插入(JavaScript synat:auto semicolon insertion)
兼容多浏览器的iframe自适应高度(ie8 、谷歌浏览器4.0和 firefox3.5.3)
javascript 打印内容方法小结
jQuery toggle()设置CSS样式
javaScript parseInt字符转化为数字函数使用小结
模仿JQuery sortable效果 代码有错但值得看看
javascript 常见的闭包问题的解决办法
在js中单选框和复选框获取值的方式
按键盘方向键翻页跳转的javascript代码(支持ie,firefox)
js 操作table之 移动TR位置 兼容FF 跟 IE
csdn 论坛技术区平均给分功能

Javascript 中的 FireFox支持innerText


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 207 ::
收藏到网摘: n/a

默认FireFox是不支持innerText的,不过它有一个属性textContent的作用和innerText是一样的,使用方法如下:

document.write(document.body.textContent);

对于习惯使用innerText的人来说有点不舒服,于是网上有人就给FireFox也创建了一个innerText属性,代码如下:

<script language="javascript">
function isIE(){ //ie?
if (window.navigator.userAgent.toLowerCase().indexOf("msie")>=1)
    return true;
else
    return false;
}

if(!isIE()){ //firefox innerText define
    HTMLElement.prototype.__defineGetter__("innerText",
    function(){
        var anyString = "";
        var childS = this.childNodes;
        for(var i=0; i<childS.length; i++) {
            if(childS[i].nodeType==1)
                //anyString += childS[i].tagName=="BR" ? "\n" : childS[i].innerText;
                anyString += childS[i].innerText;
            else if(childS[i].nodeType==3)
                anyString += childS[i].nodeValue;
        }
        return anyString;
    }
    );
    HTMLElement.prototype.__defineSetter__("innerText",
    function(sText){
        this.textContent=sText;
    }
    );
}
</script>