无法阅读财产＆quot; appendChild＆＃39;为null。使用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() {