javascript - 包含 标记的字符串呈现为 HTML 内容而不是 DOM 查询中的字符串

Question

我有一系列字符串，其中一些的格式类似于 <p>Text here</p>和其他人的格式类似于“此处的文本”。我一直面临的困境是我想要呈现字符串并实际在字符串 <p>Text here</p> 中包含 p 标签。 .但是，这会导致文本被包裹在 html 段落标记中。

基本上，我通过使用分配字符串 document.getElementById("stringLocation").innerHtml = " <p>Text here</p>"

我怎样才能成功地使用这些 DOM 元素分配给 dom 并包含 <p>标记作为字符串的一部分而不是 html 的一部分？

Answer 1

分配给 .textContent 属性而不是 .innerHTML 属性，字符串将被解析为 text 而不是 HTML(确保没有但是创建了一个文本节点):

document.getElementById("stringLocation").textContent = " <p>Text here</p>"

<pre id="stringLocation"></pre>