Javascript 错误 appendChild 不是函数

Question

我试图为我的所有 li 元素分配一个删除按钮，我正在使用 appenChild() 方法，但它给了我一个错误：“appendChild 不是一个函数”。我不明白为什么会这样。这是我的代码：function createTrashes() {    //button creation with icon    var createButton = document.createElement("button");    createButton.classList.add("trashButtons");    //create icon    var icon = document.createElement("i");    icon.classList.add("fa", "fa-trash");    //asignt icon to button    createButton.appendChild(icon);    //append button to all list elements    var list = document.querySelectorAll("li");    list.appendChild(createButton);}createTrashes();

Answer 1

document.querySelectorAll返回一个NodeList没有函数的appendChild。您应该能够遍历Node列表中的每个并调用该appendChild函数。尝试这样的事情：

var list = document.querySelectorAll("li");

for (let i = 0; i < list.length; i++) 

{

  let item = list[i];

  item.appendChild(createButton);

}