我有一些JavaScript代码，在IE中包含以下内容:
myElement.innerText = "foo";
然而，'innerText'属性似乎在Firefox中不起作用。Firefox中有类似的吗?或者是否可以使用更通用的跨浏览器属性?
当前回答
在这里找到这个:
<!--[if lte IE 8]>
<script type="text/javascript">
if (Object.defineProperty && Object.getOwnPropertyDescriptor &&
!Object.getOwnPropertyDescriptor(Element.prototype, "textContent").get)
(function() {
var innerText = Object.getOwnPropertyDescriptor(Element.prototype, "innerText");
Object.defineProperty(Element.prototype, "textContent",
{ // It won't work if you just drop in innerText.get
// and innerText.set or the whole descriptor.
get : function() {
return innerText.get.call(this)
},
set : function(x) {
return innerText.set.call(this, x)
}
}
);
})();
</script>
<![endif]-->
其他回答
innerText已经添加到Firefox，应该在FF45版本中可用:https://bugzilla.mozilla.org/show_bug.cgi?id=264412
规范草案已经编写完成，并有望在未来被纳入HTML生活标准:http://rocallahan.github.io/innerText-spec/， https://github.com/whatwg/html/issues/465
请注意，目前Firefox、Chrome和IE实现都是不兼容的。展望未来，我们可能会看到Firefox、Chrome和Edge融合在一起，而旧的IE仍然不兼容。
参见:https://github.com/whatwg/compat/issues/5
只是从原帖子下的评论中转发。innerHTML适用于所有浏览器。谢谢stefita。
myElement。innerHTML = "foo";
jQuery提供了一个.text()方法，可以在任何浏览器中使用。例如:
$('#myElement').text("Foo");
根据Prakash K的回答，Firefox不支持innerText属性。所以你可以简单地测试用户代理是否支持这个属性，并按照下面的步骤进行:
function changeText(elem, changeVal) {
if (typeof elem.textContent !== "undefined") {
elem.textContent = changeVal;
} else {
elem.innerText = changeVal;
}
}
从2016年的Firefox v45开始，innerText在Firefox上工作，看看它的支持:http://caniuse.com/#search=innerText
如果希望它能在以前版本的Firefox上运行，可以使用textContent，它在Firefox上有更好的支持，但在较旧的IE版本上更差:http://caniuse.com/#search=textContent
