querySelector vs. getElementById [closed]

by

“Better” is subjective.

querySelector is the newer feature.

getElementById is better supported than querySelector.

querySelector is better supported than getElementsByClassName but querySelector gives you a static node list while getElementsByClassName gives you a live node list.

querySelector lets you find elements with rules that can’t be expressed with getElementById and getElementsByClassName

You need to pick the appropriate tool for any given task.

(In the above, for querySelector read querySelector / querySelectorAll).

More Related Contents:

  1. .prop() vs .attr()
  2. How do I select text nodes with jQuery?
  3. Check if an image is loaded (no errors) with jQuery
  4. Get selected text from a drop-down list (select box) using jQuery
  5. Difference between “change” and “input” event for an `input` element
  6. Why are duplicate ID values not allowed in HTML?
  7. What is difference between width, innerWidth and outerWidth, height, innerHeight and outerHeight in jQuery
  8. jQuery DOM changes not appearing in view source
  9. Is there a DOM event that fires when an HTML select element is closed?
  10. AngularJS: How to run additional code after AngularJS has rendered a template?
  11. How to detect when an iframe has already been loaded
  12. jQuery: how to change tag name?
  13. Is there any “on DOM change” event? [duplicate]
  14. How can I remove all CSS classes using jQuery/JavaScript?
  15. Count immediate child div elements using jQuery
  16. Converting a recursive function into an asynchronous CPS implementation (javascript)
  17. Convert String to XML Document in JavaScript
  18. Uncaught TypeError: Cannot read property ‘top’ of undefined
  19. How to set DOM element as first child?
  20. How to remove DOM elements without memory leaks?
  21. JQuery – animate moving DOM element to new parent?
  22. Open new window without focus on it [duplicate]
  23. How can I remove wrapper (parent element) without removing the child?
  24. window.getSelection return html [duplicate]
  25. How to properly unload/destroy a VIDEO element
  26. How to get on-screen visible element objects in jQuery? [duplicate]
  27. How to add a onclick event to an element using javascript
  28. Test if an element can contain text
  29. How to check null objects in jQuery
  30. Screen Coordinates of a element, via Javascript

Leave a Comment