首页 > 其他好文 > 详细

实现浏览器兼容的innerText

时间：2014-10-29 23:30:15 阅读：175 评论：0 收藏：0 [点我收藏+]

标签：des style blog io color os ar for sp

今天学习到了FF不支持innerText，而IE、chrome、Safari、opera均支持innerText。

为了各个浏览器能兼容innerText,必须对js做一次封装。

为啥能实现兼容呢?原因是FF虽然不支持innerText属性，但支持有着类似功能的textContent属性。

以下为封装好的js:

var innerText = {
    setInnerText:(function(ele,value){
        if(typeof ele.innerText == "string"){
            ele.innerText = value;
        }else if(typeof ele.textContent == "string"){
            ele.textContent = value;
        }

    }),
    getInnerText:(function(ele){
        if(typeof ele.innerText == "string"){
            return ele.innerText;
        }else if(typeof ele.textContent == "string"){
            return ele.textContent;
        }

    })

};

我们可以验证下：

html片段：

<body>
<ul id="ul"><li>sdsssssss</li><li>qqqq</li><li>wwww</li><li>eeee</li></ul>
</body>

js:

window.onload=function(){
console.log(innerText.getInnerText(ul));
console.log(ul.innerText);
}

在FF下的效果（通过ul.innerText返回了undefined）：

bubuko.com,布布扣

在chrome浏览器的效果：

bubuko.com,布布扣

实现浏览器兼容的innerText

标签：des style blog io color os ar for sp

原文地址：http://www.cnblogs.com/wmmang-blog/p/4060543.html

踩

(0)

赞

(0)

举报

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

更多

友情链接

兰亭集智国之画百度统计站长统计阿里云 chrome插件新版天听网

关于我们 - 联系我们 - 留言反馈

© 2014 mamicode.com 版权所有联系我们:gaon5@hotmail.com

迷上了代码！