如何使用javascript将原始html嵌入页面答案

【问题标题】：How to embed raw html into page using javascript如何使用javascript将原始html嵌入页面
【发布时间】：2021-07-27 19:52:57
【问题描述】：

我正在尝试使用 javascript 将原始 html 代码嵌入到网页中。请告诉我我做错了什么

<div class="header-note">
    <h4>New version available</h4>
    <p id="version"></p>
</div>


<script>
    const version = document.getElementById("version");
    
    const rawCode = "<h1>Test</h1> <p>Hello World</p>"

    version.innerText = rawCode
</script>

我将从 firebase 渲染 rawCode，我知道该怎么做，它只是将原始代码转换为正确读取。

目前输出：

<h1>Test</h1> <p>Hello World</p>

我需要输出：

Test
Hello World

【问题讨论】：

你想要innerHTML 而不是innerText ....version.innerHTML = rawCode
您不应将innerHTML 设置为<p id="version"></p> - 这将是无效的HTML（您不能将h1 / p 标签嵌套到另一个p 标签）

标签： javascript html node.js electron

【解决方案1】：

给你

 const version = document.getElementById("version");
    
    const rawCode = "<h1>Test</h1> <p>Hello World</p>"

    version.innerHTML = rawCode

<div class="header-note">
    <h4>New version available</h4>
    <p id="version"></p>
</div>

【讨论】：