如何在javascript中提供具有相同类名的元素来执行相同的功能？

const elements = document.querySelectorAll('.className');
elements.forEach(element => {
  element.addEventListener('click', function() {
    // 执行相同的功能
  });
});

const elements = document.getElementsByClassName('className');
Array.from(elements).forEach(element => {
  element.addEventListener('click', function() {
    // 执行相同的功能
  });
});

const parentElement = document.querySelector('.parentElement');
parentElement.addEventListener('click', function(event) {
  if (event.target.classList.contains('className')) {
    // 执行相同的功能
  }
});