使用document.write時如何忽略HTML標簽

Question

我有這行應該顯示該行的Javascript代碼

document.write(\" <textarea name=\"Text1\" cols=\"+col+\"rows=\"+row+\" id=\"textbox\" style=\"HelveticaNeue-Light\">\");

這是通過使用document.write完成的。 所以基本上

document.write("document.write(\" <textarea name=\"Text1\" cols=\"+col+\"rows=\"+row+\" id=\"textbox\" style=\"HelveticaNeue-Light\">\");");

首先，我將上面的字符串傳遞給數組，然后在程序中使用document.write顯示它。

問題在於，當顯示它時，它實際上會創建一個文本框並顯示它。 我相信這是因為HTML會不斷檢查標簽，而不管它們在引號中的位置如何，等等。

我該如何解決？ 我只想顯示實際的行，而不是行的輸出。 反正有這樣做嗎？ 我可以使用不同於document.write東西嗎？ 我可以將其輸出到僅顯示它的文本框中嗎？ 夠了嗎？

Answer 1

您需要轉義標簽。 這些符號： < >必須編碼為< > 。

您的示例應與此類似：

document.write(" `<textarea name=\"Text1\" cols=\"+col+\"rows=\"+row+\" id=\"textbox\" style=\"HelveticaNeue-Light\">");

Answer 2

將<替換為< 和>通過>

嘗試這個 ：

 document.write("document.write(\\" <textarea name='Text1' cols=\\"+col+\\" rows=\\"+row+\\" id='textbox' style='HelveticaNeue-Light'>\\");"); 

Answer 3

您可以通過設置它的innerText將字符串直接添加到元素：

var myDiv = document.getElementById('myDiv');
myDiv.innerText = '<p>These p tags will be displayed as text</p>';

Answer 4

您對它進行HTML編碼，就像這樣

document.write("document.write(\" <textarea name=\"Text1\" cols=\"+col+\"rows=\"+row+\" id=\"textbox\" style=\"HelveticaNeue-Light\">\");".replace('<', '&lt;').replace('>', '&gt;'));