javascript - 不使用 jQuery 添加到 DOM

Question

这应该很简单，但事实并非如此。

document.getElementsByTagName('body')[0].document.createTextNode( document.createElement('<div>some HTML</div>') );

它创建为文本节点。我该怎么做才能在不使用 jQuery 的情况下简单地添加 HTML？

Answer 1

关闭，但没有雪茄。您必须手动创建元素(通过 createElement )，然后然后附加它，如下所示:

var div = document.createElement("div");
div.innerHTML = "some HTML";
document.getElementsByTagName('body')[0].appendChild(div);

不幸的是，您不能在单行代码中执行此操作，因为没有设置元素的 innerHTML 属性的函数，这意味着它不可链接。不过，只要稍作准备，您就可以做到这一点:

function setInnerHTML(element, content) {
    element.innerHTML = content;
    return element;
} 

document.getElementsByTagName('body')[0].appendChild(setInnerHTML(document.createElement("div"), "some HTML"));