用于按原样输出 html 标记的 InnerHTML 或 InnerText

Question

I am trying to use innerHTML or innerText to output a HTML basic document. I am making a website tutorial so I am trying to output the HTML tags as is... I can provide code if needed.

Answer 1

Use .textContent instead so that characters with special meaning in HTML are not interpreted as HTML.

 const pre = document.querySelector('pre'); pre.textContent = `<div>Some content</div>`;

 <pre></pre>