如何在返回到querySelectorAll函数的元素集合上挂起处理程序？

const elements = document.querySelectorAll('.my-class');

// 转换为数组
const elementsArray = Array.from(elements);

// 挂起处理程序
elementsArray.forEach(element => {
  element.addEventListener('click', () => {
    console.log('Element clicked:', element);
  });
});

const elements = document.querySelectorAll('.my-class');

for (let i = 0; i < elements.length; i++) {
  elements[i].addEventListener('click', () => {
    console.log('Element clicked:', elements[i]);
  });
}

if (window.NodeList && !NodeList.prototype.forEach) {
  NodeList.prototype.forEach = Array.prototype.forEach;
}

const elements = document.querySelectorAll('.my-class');

elements.forEach(element => {
  element.addEventListener('click', () => {
    console.log('Element clicked:', element);
  });
});