javascript - 在 DOM 中插入 HTML

Question

我需要在我的 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 的解决方案）。

Answer 1

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

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

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