Using querySelectorAll(). Is the result returned by the method ordered?

by

The returned node list is ordered. A quick test proved it:

document.querySelectorAll("body, head")[0]; //Returned [object HTMLHeadElement]

Obviously, the <head> tag appears before <body> in a HTML document. The first element of the NodeList is also a <head> element, even if the selector shows body before `head.

From http://www.w3.org/TR/selectors-api/#queryselectorall:

The querySelectorAll() method on the NodeSelector interface must, when
invoked, return a NodeList containing all of the matching Element
nodes within the node’s subtrees, in document order. If there are no
such nodes, the method must return an empty NodeList.

More Related Contents:

  1. Changing CSS pseudo-element styles via JavaScript [duplicate]
  2. Can I have an element with an ID that starts with a number?
  3. Using querySelector with IDs that are numbers
  4. How to get nth-child selector to skip hidden divs [duplicate]
  5. How to select nth line of text (CSS/JS)
  6. How to select all checkboxes with jQuery?
  7. jQuery vs document.querySelectorAll
  8. Get CSS path from Dom element
  9. How to get the second match with QuerySelector?
  10. querySelector search immediate children [duplicate]
  11. CSS selector for targeting only immediate children and not other identical descendants
  12. How to use querySelectorAll only for elements that have a specific attribute set?
  13. Are data attribute css selectors faster than class selectors?
  14. How to create a collapsing tree table in html/css/js?
  15. CSS: Select element only if a later sibling exists
  16. iOS8 Safari after a pushState the :nth-child() selectors not works
  17. How to do a wildcard element name match with “querySelector()” or “querySelectorAll()” in JavaScript?
  18. “querySelectorAll()” with multiple conditions in JavaScript
  19. How to use a regular expression in querySelectorAll?
  20. Scroll Function working in reverse order [closed]
  21. How to force the browser to reload cached CSS and JavaScript files
  22. How do I target only Internet Explorer 10 for certain situations like Internet Explorer-specific CSS or Internet Explorer-specific JavaScript code?
  23. offsetting an html anchor to adjust for fixed header [duplicate]
  24. AngularJS: Better way to watch for height change
  25. Styling [duplicate]
  26. Force browser to refresh CSS, JavaScript, etc
  27. Toggle visibility property of div
  28. option.style.display = “none” not working in safari [duplicate]
  29. Why is element not being shown before alert?
  30. Using JavaScript to increment top/left/bottom/right values

Leave a Comment