使用javascript将div插入dom？

Question

我试图将一个新的div插入到ID为“app”

的DOM中

var new_div = document.createElement("div");
var app_div = document.getElementById("app");
document.body.insertBefore(new_div, app_div);​

这在控制台中出现错误：

  

未捕获的TypeError：无法调用null

的方法'insertBefore'

但我不知道为什么？

Answer 1

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

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

---

jsFiddle上的示例。

Answer 2

除非按照Igor的建议将其更好地包装在onload（）中，否则你不想先将new_div添加到文档中吗？

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

Answer 3

尝试使用jquery document.ready event