在 DOM 中插入 HTML答案

【问题标题】：Insert HTML in DOM在 DOM 中插入 HTML
【发布时间】：2017-07-31 02:06:07
【问题描述】：

我需要在我的 html 中插入这段代码 JS：

   var1 = "texte1" + "\ntext2"

我用过：

var newPara = document.createElement('h1');
var texte = document.createTextNode(var1);
newPara.appendChild(texte);
document.body.appendChild(newPara);

当我更改此代码时，没有问题。但我无法插入 HTML，因为 var1 不是 TextNode。（我想找到一个没有 Jquery 的解决方案）。

【问题讨论】：

您的预期结果是什么？
如果我没听错的话，var1 中有一个 HTML 字符串？它并不总是最安全的，但如果您将 HTML 作为字符串，只需使用 newPara.innerHTML = var1
这取决于你想做什么（应该在问题中）。尝试转义 var1 的内容，例如 var1= 'var1 = "texte1" + "\\ntext2"';
短：document.body.appendChild(document.createElement("h1")).innerHTML = var1;

标签： javascript createelement createtextnode

【解决方案1】：

我很困惑，那么您是否只是想将文本插入到您创建的元素中？还是将纯 JavaScript 代码写入 HTML？如果只是文本，则通过标签或 id 获取元素（理想情况下，id 更直接，错误和元素检查的空间更小），然后将文本插入到 innerHTML

document.GetElementById("IDValue").innerHTML = textValue

更新：正如您的一个回复所说，如果元素不存在，请在附加元素之前设置 innerHTML 属性。

【讨论】：