无法读取 null 的属性（读取“appendChild”）

Question

const list = document.getElementById('generateList');
const listAdd = document.createElement('li');
listAdd.innerText = "Name"
list.appendChild(listAdd)

此代码返回：无法读取 null 的属性（读取“appendChild”） 为什么以及如何解决它？

HTML：

<ul id="generateList">

   <li>test</li>
   <li>test</li>
   <li>test</li>
   <li>test</li>
   <li>test</li>
   <li>test</li>

</ul>

Answer 1

代码在 DOM 加载之前运行。我改成一个函数然后运行它。

Answer 2

此错误意味着您的

list

等于

null

并且您无法调用

list.appendChild(...)

。

在第

list

行之后记录

const list = document.getElementById('generateList');

并检查它。

Answer 3

对我来说问题与@TheKidWhoCantCode 所说的相同

我有按钮

let div= document.querySelector(".div-buttons");

我解决了这个问题，只是保存了我的html文档，因为我认为它返回了null，因为在这种情况下，在我保存它之前没有div-buttons类