无法读取null的属性'appendChild'。 Javascript

我在线上关于如何做一个列表的教程。这里无法读取null的属性'appendChild'。 Javascript

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>

来源

2014-06-15 user3509140

你需要证明你自己的代码，你说不是你已经按照“完美”。如果没有您实际运行的代码，我们无法为您排查任何问题。 FWIW，不，视频中的代码没有过时 - 它可以正常工作。 – JAAulde

哪里是'list'定义？ – Mosho

你写addNewItem并在其中预计它应该采取一个名为list参数的方式调用它的相关的部分，但你从来没有把它作为参数添加到函数定义中。这应该摆正您：

function addNewItem(list) {

，而不是你的

function addNewItem() {

来源

2014-06-15 21:16:15 JAAulde

无法读取null的属性'appendChild'。 Javascript

回答

相关问题