javascript 在循环中获取相应的按钮值

yqlxgs2m 于 2023-02-11 发布在 Java

关注(0)|答案(2)|浏览(195)

有一次我从一个数组中添加了一组动态按钮，而querySelectorAll似乎没有得到按钮列表。我哪里做错了？

const 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>

JavaScript

来源：https://stackoverflow.com/questions/75412792/get-the-respective-button-value-in-a-loop

2条答案

按热度按时间

dojqjjoe1#

有帮助吗？这是你需要的吗？

const 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', `<input type="button" class="allbuttons" value="${textBtn[i]}">`);
}

const btn = document.querySelectorAll(".allbuttons")
for (var i = 0; i < btn.length; i++) {
  btn[i].addEventListener('click', function(event) {
    console.log(event.target.value);
    alert(event.target.value)
  });
}

<div id="container"></div>

赞(0）回复(0）举报 2023-02-11

juzqafwq2#

您的问题可能来自以下方面：<button class="allbuttons" value=${textBtn[i]}>${textBtn[i]}</button>
您的值不在引号<button class="allbuttons" value="${textBtn[i]}">${textBtn[i]}</button>之间

赞(0）回复(0）举报 2023-02-11

我来回答

javascript 在循环中获取相应的按钮值

2条答案

相关问题

热门标签

最新问答