当我单击时start，将显示一些选择。
我想选择每个选择getElementById吗？
我该如何改变自己的工作以实现目标？
谢谢
document.getElementById("start").addEventListener('click',function(){
html=" ";
for (let i=1;i<=4; i++){
html+= "<button id='choice'>"+"choice"+i+"</button><br>";
}
document.querySelector('.btn').innerHTML = html;
});
document.getElementById("choice").addEventListener('click',function(){
console.log(this);
});<div class ="btn"><button id="start">start</button></div>当元素存在于DOM中时，应将事件附加到元素上。同样，该属性id在文档中必须唯一。
您可以尝试以下方式：
document.getElementById("start").addEventListener('click',function(){
html=" ";
for (let i=1;i<=4; i++){
html+= `<button id=choice${i}>choice${i}</button><br>`;
}
document.querySelector('.btn').innerHTML = html;
document.querySelectorAll("[id*=choice]").forEach(function(el){
el.addEventListener('click',function(){
console.log(this);
});
});
});<div class ="btn"><button id="start">start</button></div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句