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);}