Javascript 在DOM中插入HTML

我需要在我的html中插入以下代码：

   var1 = "texte1" + "\ntext2"

我用过：

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

当我修改这个代码时，没有问题。 但是我不能在HTML中插入，因为var1不是TextNode。

---

（我想找到一个没有Jquery的解决方案）。

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

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

更新：

---

正如您的一个回答所说，如果元素不存在，请在追加该元素之前设置

innerHTML

属性。

您期望的结果是什么？如果我正确地跟踪您，您在

var1

中有一个HTML字符串？它并不总是最安全的，但是如果您将HTML作为字符串，只需使用

newPara.innerHTML=var1

它取决于您想做什么（这应该在问题中）。尝试转义var1的内容，如

var1='var1=“texte1”+“\\ntext2”

Shorter:

document.body.appendChild（document.createElement（“h1”））.innerHTML=var1