以数组形式访问 div 的按钮

Question

这是我遇到的问题：

我正在尝试访问 div 内部的按钮，并使每个按钮在单击时记录自己的文本内容。但它们都显示所有文本内容。而且它必须是原生 JavaScript。

HTML

<div class=div>
<button>Button 1</button>
<button>Button 2</button>
<button>Button 3</button>
<button>Button 4</button>
</div>

JavaScript

const array = document.querySelectorAll(".div");
array.forEach(button => {
    button.addEventListener('click', function (){
        console.log(this.textContent)
    })
});

我使用了一个for循环和一个foreach循环。没有一个有效。

Answer 1

我用 .div 类来调用所有元素。

我想要的是使用 .div 类来调用元素内的按钮。

解决方案：在.div后添加“按钮”：

const array = document.querySelectorAll(".div button");