innerText兼容处理

weixin_33989780

于 2016-03-06 00:19:00 发布

阅读量155

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mingjixiaohui/p/5246366.html

本文介绍了如何在JavaScript中通过函数确保跨浏览器兼容性，特别是针对innerText和textContent属性在IE、Safari、Opera和Chrome等浏览器中的使用。文中提供了一个示例代码，展示了如何检测并使用这两个属性中的任何一个来获取或设置元素的内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

IE、Safari、Opera和Chrome支持innerText属性。Firefox虽然不支持innerText，但支持作用类似的textContent属性。textContent是DOM3级规定的一个属性，而且也得到了safari、opera和Chrome的支持。为了确保跨浏览器兼容，有必要想下面这样通过函数来检测可以使用哪个属性：

var div = document.getElementById("content");
function getInnerText(element) {
    return (typeof element.textContent == "string") ? element.textContent : element.innerText;
}
function setInnerText(element, text) {
    if (typeof element.textContent == "string") {
        element.textContent = text;
    } else {
        element.innerText = text;
    }
}
setInnerText(div, "Hello world!");
alert(getInnerText(div)); //"Hello world!"

转载于:https://www.cnblogs.com/mingjixiaohui/p/5246366.html