獲取一個未捕獲的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元素，確保這個腳本是跑在你的頁面被呈現。