不使用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"));

Answer 2

document.createElement而不是createTextNode