javascript - 无法读取null的属性'appendChild'。 Java脚本

我正在关注有关如何制作待办事项清单的在线教程。在这里找到


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


我已经很好地遵循了，但是它行不通。浏览器指出'appendChild'为null。本教程已有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>

最佳答案

您编写了addNewItem并以一种期望它应采用名为list的参数的方式调用了它，但是您从未在函数定义中将其添加为参数。这应该使您更专心：

function addNewItem(list) {

而不是你的

function addNewItem() {