如何忽略innerHTML属性中的HTML标签？

Question

我正在制作一个信使，我的消息不会忽略 HTML 标签，因为我只是在消息的 innerHTML 中传递了来自输入的文本。 我的代码：

function Message(sender) {
    ...
    this["text"] = "";
    ...
    this.addText = function (text) {
        this["text"] = text;
    };
    ...
};

我在这里展示它：

...
var chatMessageText = document.createElement("p");
chatMessageText.innerHTML = message["text"];
...

忽略 message["text"] 中的 HTML 标签该怎么办？

Answer 1

更新Node#innerText属性（或Node#textContent属性）。

chatMessageText.innerText = message["text"];

---

检查两者的区别： innerText vs textContent

参考： 文本内容与内部文本的区别

Answer 2

你不能。 innerHTML是你给它 HTML，它把它解释为 HTML。

您可以转义所有特殊字符，但更简单的解决方案是不使用innerHTML 。

var chatMessagePara = document.createElement("p");
var chatMessageText = document.createTextNode(message["text"]);
chatMessagePara.appendChild(chatMessageText)