innerText兼容问题处理

最新推荐文章于 2021-02-03 16:11:47 发布

转载最新推荐文章于 2021-02-03 16:11:47 发布 · 378 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/hjbky/p/8417512.html

本文介绍了如何在不同的浏览器中（包括IE、Safari、Opera、Chrome及旧版Firefox）使用JavaScript来获取和设置元素的文本内容。通过检测并使用innerText或textContent属性，实现了一种通用的方法来确保跨浏览器兼容性。

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

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

var content = document.getElementById("content");
//获取文本内容
function getInnerText(elem) {
    return (typeof elem.textContent == "string") ? elem.textContent : elem.innerText
}
console.log(getInnerText(content));
//设置文本内容
function setInnerText(elem,text) {
    return(typeof elem.textContent == "string") ? elem.textContent = text : elem.innerText = text
}
setInnerText(content,"hello Huijie")