無法讀取null的屬性'appendChild'。 Javascript

Question

我在線上關於如何做一個列表的教程。這裏

• https://www.youtube.com/watch?v=MURDw0-BiEE

發現我已經完全跟隨它，但它不會工作。瀏覽器聲明'appendChild'爲空。教程是2歲，是隻是腳本已過時？

真的很感激幫助

function addNewItem() { 
    var listItem = document.createElement("li"); 
    listItem.innerText = "Hello"; 

    list.appendChild(listItem); 
} 

var btnNew = document.getElementById("btnAdd"); 
btnNew.onclick = function() { 
    addNewItem(document.getElementById("todoList")); 
}; 

和這裏的HTML

<p><button id="btnAdd">New Item</button></p> 

<ul id="todolist"> 
</ul> 

<script src="todo.js"></script> 

Answer 1

你寫addNewItem並在其中預計它應該採取一個名爲list參數的方式調用它的相關的部分，但你從來沒有把它作爲參數添加到函數定義中。這應該擺正您：

function addNewItem(list) { 

，而不是你的

function addNewItem() {