在 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，更直接的方式更少错误和元素检查的空间），然后将文本插入到内部HTML

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

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

在 DOM 中插入 HTML

Insert HTML in DOM

javascript

createtextnode

createelement