JavaScript and getElementById for multiple elements with the same ID

by

The HTML spec requires the id attribute to be unique in a page:

[T]he id attribute value must be unique amongst all the IDs in the element’s tree

If you have several elements with the same ID, your HTML is not valid.

So, document.getElementById should only ever return one element. You can’t make it return multiple elements.

There are a couple of related functions that will return a list of elements: getElementsByName or getElementsByClassName that may be more suited to your requirements.

More Related Contents:

  1. Chrome extension that enables chatting with users on same page [closed]
  2. Pure JavaScript equivalent of jQuery’s $.ready() – how to call a function when the page/DOM is ready for it [duplicate]
  3. Get global variable dynamically by name string in JavaScript
  4. Detect viewport orientation, if orientation is Portrait display alert message advising user of instructions
  5. How to get the mouse position without events (without moving the mouse)?
  6. Why do we need to use radix parameter when calling parseInt?
  7. nodeValue vs innerHTML and textContent. How to choose? [duplicate]
  8. What the difference of this.state and this.setstate in ReactJS?
  9. How to extend Function with ES6 classes?
  10. What’s the best way to do string building/concatenation in JavaScript?
  11. Javascript: closure of loop?
  12. Catching Errors in JavaScript Promises with a First Level try … catch
  13. Advanced JavaScript: Why is this function wrapped in parentheses? [duplicate]
  14. Is window really global in Javascript?
  15. Wrap tags around http text
  16. How do you check if a HTML5 audio element is loaded?
  17. How to read response headers in angularjs?
  18. Async function in mocha before() is alway finished before it() spec?
  19. Scrolling to a element inside a scrollable DIV with pure Javascript
  20. Get data attribute of script tag?
  21. Why use semicolon? [duplicate]
  22. how to set displayName in a functional component [React]
  23. d3 force directed layout – link distance priority
  24. jQuery: more than one handler for same event
  25. How to debug dynamically loaded JavaScript (with jQuery) in the browser’s debugger itself?
  26. CSS /JS to prevent dragging of ghost image?
  27. Call setTimeout without delay
  28. how to use addHTML function in jsPDF
  29. How to use a return value in another function in Javascript?
  30. True Isometric Projection with HTML5 Canvas

Leave a Comment