如何忽略innerHTML屬性中的HTML標籤？

我正在做一個信使，我的信息不會忽略HTML標籤，因爲我只是通過消息的innerHTML中的輸入文本。我的代碼：如何忽略innerHTML屬性中的HTML標籤？

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

在這裏，我顯示出來：

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

我可以在消息[ 「文本」]忽略HTML標籤做什麼？

來源

2017-02-06 Alexander Shpindler

您正在使用專爲持有HTML屬性。你爲什麼想要_ignore_ HTML？你不應該使用文本節點並讓用戶輸入HTML嗎？ –

@ÁlvaroGonzález我明白了，我從來沒有見過使用文本節點，所以這是第一次會議:)謝謝！ –

很高興你把它整理出來。作爲用戶，當我的論壇評論或任何被截斷的時候，我感到非常沮喪，因爲我輸入了一些尖括號。 –

更新Node#innerText財產（或Node#textContent屬性）。

chatMessageText.innerText = message["text"];

檢查的都在這裏的區別： innerText vs textContent

參見：Difference between text content vs inner text

來源

2017-02-06 09:16:33

謝謝，我不知道這個屬性。這麼簡單的解決 –

你不能。 innerHTML的意思是你給它HTML，它將它解釋爲HTML。

你可以逃脫所有的特殊字符，但更容易的解決方案是不使用innerHTML。

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

來源

2017-02-06 09:16:07 Quentin

謝謝！我真的忘了TextNodes。 –

如何忽略innerHTML屬性中的HTML標籤？

回答

相關問題