一旦我从数组添加一组动态按钮，querySelectorAll 似乎没有获取按钮列表。 这是我的代码：我哪里出错了？
2
792const btns = document.getElementById("container");
const textBtn = ["btn 1", "btn 2", "btn 3", "btn 4", "btn 5", "btn 6"]
for (i = 0; i < textBtn.length; i++) {
btns.insertAdjacentHTML('beforeend', `<button class="allbuttons" value=${textBtn[i]}>${textBtn[i]}</button>`);
}
const btn = document.querySelectorAll(".allbuttons")
for (var i = 0; i < btn.length; i++) {
btn[i].addEventListener('click', function(event) {
//console.log( btn[i]);
console.log(event.target.value);
alert(event.target.value)
});
}
<div id="container"></div>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
您的问题可能来自于：
<button class="allbuttons" value=${textBtn[i]}>${textBtn[i]}</button>您的值不在引号之间
<button class="allbuttons" value="${textBtn[i]}">${textBtn[i]}</button>有帮助吗？这是你需要的吗？
const btns = document.getElementById("container"); const textBtn = ["btn 1", "btn 2", "btn 3", "btn 4", "btn 5", "btn 6"] for (i = 0; i `); } const btn = document.querySelectorAll(".allbuttons") for (var i = 0; i