如何使用Javascript將文本作爲文本插入到HTML中

Question

我試圖在我的變量中使用javascript追加<和>，但在瀏覽器中它不顯示。如果我追加一個字符串文字，如"Hi" + variableName它工作正常，但不符合標誌。我試過了單引號和雙引號，但沒有運氣。

這是我嘗試

document.getElementById("showInvalidEmailAddress").innerHTML = '<' + getEmailValue + '>'; 

Answer 1

使用.textContent，而不是.innerHTML使得文本不會被分析爲HTML。

const el = document.getElementById("showInvalidEmailAddress"); 
el.textContent = '<' + getEmailValue + '>'; 

你所採取的方式，文本看起來像一個標籤的HTML解析器。

---

您還可以使用新的模板文字：

el.textContent = `<${getEmailValue}>` 

Answer 2

這是無效的HTML;電子郵件地址不是HTML標記。你的意思是.textContent。