得到一个未被捕获的typerror并且不知道为什么

Question

我正在努力使用一些小的JavaScript。

我有这四行：

var footer = document.getElementById('footer');
var cookieBanner = document.createElement('div');
cookiebanner.className = "cookieBanner";
footer.appendChild(cookiebanner);

但在控制台我得到了

Uncaught TypeError: Cannot read property 'appendChild' of undefined

如果我在控制台中执行相同操作，则可以。为什么会这样？

Answer 1

var footer = document.getElementById('footer');正在返回undefined。因此，当您尝试在appendChild上致电undefined时，您会得到：

Uncaught TypeError: Cannot read property 'appendChild' of undefined

如果页面上有一个带有该ID的元素，请确保在运行此脚本之前呈现您的页面。