innerHTML属性のHTMLタグを無視するにはどうすればいいですか？

Question

私はメッセンジャーを作っています。メッセージのinnerHTMLの入力からテキストを単に抜けてしまったので、私のメッセージはHTMLタグを無視しません。私のコード：

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

そして、ここで私はそれを表示：

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

私はメッセージ[ "テキスト"]でHTMLタグを無視するために何ができますか？

Answer 1

更新Node#innerTextプロパティ（またはNode#textContentプロパティ）。

chatMessageText.innerText = message["text"]; 

---

ここで両方の違いを確認してください： innerText vs textContent

は参照してください：Difference between text content vs inner text

Answer 2

できません。 innerHTMLのポイントは、それをHTMLにしてHTMLとして解釈することです。

すべての特殊文字をエスケープすることはできますが、簡単な解決方法はを使用しないことです。innerHTML。

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