Add Event Listener to Collection of HTML Elements

by

Adding eventlistener to each of them is not advisable. May be this can help:

http://jsfiddle.net/b8gotLL6/

document.getElementById('parent').addEventListener('click', function(e){
alert(e.target.value);
})

And if you only want to do using getElementsByTagName or getElementsByClassName, then i guess you need to iterate for the array returned.

More Related Contents:

  1. How to create an accurate timer in javascript?
  2. Allow Google Chrome to use XMLHttpRequest to load a URL from a local file
  3. Why can I change a constant object in javascript
  4. Long processing time likely due to getValue and cell inserts
  5. AngularJS – Any way for $http.post to send request parameters instead of JSON?
  6. Difference between npx and npm?
  7. Differences between Javascript regexp literal and constructor
  8. What is difference between width, innerWidth and outerWidth, height, innerHeight and outerHeight in jQuery
  9. How can I mock the JavaScript window object using Jest?
  10. Why the onclick element will trigger twice for label element
  11. How to remove element from array in forEach loop?
  12. Slowdown due to non-parallel awaiting of promises in async generators
  13. how to dynamically add options to an existing select in vanilla javascript
  14. How can I get city name from a latitude and longitude point?
  15. How to reorder divs using flex box?
  16. Creating and appending detached elements with d3.create
  17. JavaScript reduce the size and quality of image with based64 encoded code
  18. CSS height 100% percent not working [duplicate]
  19. Node + Express with static HTML. How to route all requests to index.html?
  20. How to find cursor position in a contenteditable DIV?
  21. Add another class to a div
  22. Can you tell JSON.Net to serialize DateTime as Utc even if unspecified?
  23. HTML5 responsive canvas: resizing the browser canvas draw disappear
  24. How to select an element loaded through the jQuery load() function?
  25. Javascript Try-Catch Performance Vs. Error Checking Code
  26. React functional component default props vs default parameters
  27. Dynamically resize the d3 tree layout based on number of childnodes
  28. Antialiasing not working in Three.js
  29. HTML5 and Javascript to play videos only when visible
  30. How to target Edge browser with javascript

Leave a Comment