我是JS的新手。我正在学习如何应用事件侦听器和节点列表，但正在为这个查询的JavaScript语法而苦苦挣扎。我希望将每个按钮的innerHTML解压缩到父div中对应的文本框中。因此，如果用户单击Button3，例如，只有TextBox3值应该读取Button3的innerHTML。正如您所看到的，触发每个按钮的事件侦听器正在工作，但与文本框的工作很困难。

我知道您可以为每个文本框输入和按钮创建一个id，并创建单独的规则，但我希望避免这种路线，因为这将是很长的代码行。现在列表是5，但是如果我重复了10或20次，我希望语法只触发每个父div内容，而不管重复的次数如何。

不胜感激。

谢谢

---

顺晟科技：

您可以使用父check doc属性获取div，获取子check doc并编辑文本框。 我很抱歉没有给出代码，但它应该能很好地工作

您可以使用获取访问元素的权限。只需确保将事件作为参数传递给侦听器回调。

（注意：它与按钮的前一个节点一样使用了两次。下一个上一个是输入元素。）

可以按AS查找按钮的同级

let buttoninput = document.querySelectorAll(".buttoninput");
let textbox = document.querySelectorAll(".textbox");

buttoninput.forEach(btnclickevent => {
    btnclickevent.addEventListener('click', () => {

        textbox.forEach(content => {

            content.value = btnclickevent.innerHTML;
        });
    });
});

应使用