使用javascript将div插入dom?

使用javascript将div插入dom?,javascript,dom,Javascript,Dom,我正试图在DOM中插入一个id为“app”的新div 这在控制台中给了我一个错误: 未捕获的TypeError:无法调用null的方法“insertBefore” 但我不知道为什么?尝试使用jquery document.ready event您需要将代码包装到window.onload处理程序: window.onload = function() { var new_div = document.createElement("div"); var app_div = docu

我正试图在DOM中插入一个id为“app”的新div

这在控制台中给了我一个错误:

未捕获的TypeError:无法调用null的方法“insertBefore”


但我不知道为什么?

尝试使用jquery document.ready event

您需要将代码包装到window.onload处理程序:

window.onload = function() {
    var new_div = document.createElement("div");
    var app_div = document.getElementById("app");
    document.body.insertBefore(new_div, app_div);
}


上的示例。

除了按照Igor的建议最好用onload()包装外,您不想先将新的\u div添加到文档中吗

document.body.insertBefore(new_div, document.body.firstChild);

您是否能够使用jQuery,或者您是否希望在不使用其他库的情况下使用jQuery?我不介意使用jQuery,但从何处开始?在这里工作很好:(检查文档以查看div)。您的文档中的代码在哪里?@Kane-没有必要为这种基本的东西加载jQuery。
document.body.insertBefore(new_div, document.body.firstChild);