你可以使用querySelectorAll方法来选择所有具有指定class的button元素,然后使用forEach方法将它们绑定到一个函数。以下是一个示例代码:

HTML代码:

<div id="myDiv">
  <button class="myButton">按钮1</button>
  <button class="myButton">按钮2</button>
  <button class="myButton">按钮3</button>
</div>

JavaScript代码:

// 获取指定div块
const myDiv = document.getElementById('myDiv');

// 获取指定class的button元素
const buttons = myDiv.querySelectorAll('.myButton');

// 绑定函数到每个button元素
buttons.forEach(button => {
  button.addEventListener('click', myFunction);
});

// 定义绑定的函数
function myFunction() {
  console.log('按钮被点击了!');
}

在上面的代码中,querySelectorAll方法被用来获取具有指定class的所有button元素,并存储在一个变量buttons中。然后,使用forEach方法来遍历buttons数组,并为每个button元素添加一个click事件监听器,将myFunction函数绑定到它们上面。最后,你可以在myFunction函数中写下你想要执行的操作

绑定有在指定div块里有指定class的button元素到一个函数

原文地址: http://www.cveoy.top/t/topic/hTvA 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录