Javascript I';我想实现删除操作。我能';我拿不到身份证

Javascript I';我想实现删除操作。我能';我拿不到身份证,javascript,html,Javascript,Html,我是javascript的初学者。现在,我创建一个列表应用程序。 我们想要实现的是删除操作。我想删除带有id的。哪个部分错了 我试图修改注释掉的代码 代码如下: 待办事项清单 添加 身份证件コメント状態 const myfunc=document.getElementById('click-function'); 让计数=0; myfunc.addEventListener('click',function(){ 让todoItems=[]; 让todoItem=document.getEl

我是javascript的初学者。现在,我创建一个列表应用程序。
我们想要实现的是删除操作。我想删除带有id的。哪个部分错了

我试图修改注释掉的代码

代码如下:


待办事项清单
添加
身份证件コメント状態
const myfunc=document.getElementById('click-function');
让计数=0;
myfunc.addEventListener('click',function(){
让todoItems=[];
让todoItem=document.getElementById('item').value;
todoItems.push(todoItem);
todoItems.forEach((元素、索引、数组)=>{
const btn_1=document.createElement('button');
const btn_2=document.createElement('button');
btn_1.textContent=作業中';
btn_2.textContent=消去';
btn_2.type='按钮';
btn_2.id='delete-'+计数;
const td_1=document.createElement('td');
const td_2=document.createElement('td');
const td_3=document.createElement('td');
const td_4=document.createElement('td');
const tr=document.createElement('tr');
tr.id=“tr-”+计数;
td_1.appendChild(document.createTextNode(count));
td_2.appendChild(document.createTextNode(todoItem));
td_3.儿童(btn_1);
td_4.儿童(btn_2);
tr.appendChild(td_1);
tr.appendChild(td_2);
tr.appendChild(td_3);
tr.appendChild(td_4);
document.getElementById('list_item').appendChild(tr);
btn_2.addEventListener('单击',函数()){
const list_item=document.getElementById('list_item');
const tr_count=document.getElementById('tr-'+count);
如果(tr_计数){
列表项。删除child(tr);
计数--;
}
});
计数++;
}) 
});

问题出在这一行:

const click_del = document.getElementById('delete');

第一次执行此行时,不存在具有该id的元素。您需要推迟此操作,并将click listener添加到此元素,直到创建它为止。您可以将用于创建侦听器的代码放入函数中,并从元素的click handler函数调用它。

没有id为“delete”的元素。当您尝试添加事件句柄时,页面不能有多个id为“delete”的元素。<代码>id在任何时候都必须是每个文档唯一的。我修复了代码,但不起作用。哪一部分错了?