只是从原帖子下的评论中转发。innerHTML适用于所有浏览器。谢谢stefita。

myElement。innerHTML = "foo";

myElement.innerText = myElement.textContent = "foo";

编辑(感谢Mark Amery在下面的评论):只有当您确信没有代码会像jQuery那样依赖于检查这些属性是否存在时，才会这样做。但如果你正在使用jQuery，你可能只需要使用"text"函数并执行$('#myElement').text('foo')，就像其他答案显示的那样。

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

也可以在其他浏览器中模拟innerText行为:

 if (((typeof window.HTMLElement) !== "undefined") && ((typeof HTMLElement.prototype.__defineGetter__) !== "undefined")) {
     HTMLElement.prototype.__defineGetter__("innerText", function () {
         if (this.textContent) {
             return this.textContent;
         } else {
             var r = this.ownerDocument.createRange();
             r.selectNodeContents(this);
             return r.toString();
         }
     });
     HTMLElement.prototype.__defineSetter__("innerText", function (str) {
         if (this.textContent) {
             this.textContent = str;
         } else {
             this.innerHTML = str.replace(/&/g, '&amp;').replace(/>/g, '&gt;').replace(/</g, '&lt;').replace(/\n/g, "<br />\n");
         }
     });
 }

jQuery提供了一个.text()方法，可以在任何浏览器中使用。例如:

$('#myElement').text("Foo");

从2016年的Firefox v45开始，innerText在Firefox上工作，看看它的支持:http://caniuse.com/#search=innerText

如果希望它能在以前版本的Firefox上运行，可以使用textContent，它在Firefox上有更好的支持，但在较旧的IE版本上更差:http://caniuse.com/#search=textContent