Javascript 错误消息:未捕获类型错误:items.appendChild不是函数

Javascript 错误消息:未捕获类型错误:items.appendChild不是函数,javascript,Javascript,我需要向现有的li添加按钮。这是我的密码: 函数按钮删除(){ 但是,我收到一个错误:UncaughtTypeError:items.appendChild不是函数 如果我只选择一个li项(var items=document.querySelector(“li”)),它只为第一个项添加按钮。document.getElementsByTagName函数以节点列表对象的形式返回文档中具有指定标记名的所有元素的集合 您应该为返回集合中的每个项目定义一个循环并附加按钮子项 var items=do

我需要向现有的li添加按钮。这是我的密码:

函数按钮删除(){

但是,我收到一个错误:UncaughtTypeError:items.appendChild不是函数


如果我只选择一个li项(var items=document.querySelector(“li”)),它只为第一个项添加按钮。

document.getElementsByTagName
函数以节点列表对象的形式返回文档中具有指定标记名的所有元素的集合

您应该为返回集合中的每个项目定义一个
循环
并附加
按钮
子项

var items=document.getElementsByTagName(“li”);
Array.from(items.forEach)(elem=>{
var button=document.createElement(“按钮”);
appendChild(document.createTextNode(“Delete”);
button.onclick=函数(){
这个.parentElement.remove();
}
元素追加子元素(按钮);
});
返回一个li的列表。如果希望在每个列表中添加按钮,则需要遍历每个列表

const items=document.getElementsByTagName(“li”);
Object.values(items).forEach((li,i)=>{
const but=document.createElement(“按钮”);
但是.innerHTML=i;
李.儿童(但);;
});

getElementsByTagName
返回一个项目数组…而不是单个项目谢谢。它可以工作!:)
var items = document.getElementsByTagName("li");
var button =document.createElement("button");
button.appendChild(document.createTextNode("Delete"));
items.appendChild(button);
button.onclick = function() {
this.remove();
items.remove();
}
}
buttonDelete();