获取一个未捕获的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。因此，当你尝试在undefined叫appendChild，您可以：

Uncaught TypeError: Cannot read property 'appendChild' of undefined 

如果你的页面上的ID元素，确保这个脚本是跑在你的页面被呈现。