IE8 does not support querySelectorAll

by

Check that your page isn’t in Quirks mode or Compatibility mode. You can use the F12 dev tools to confirm this. Press F12 and look in the top-right corner of the resulting window. If you see “Compatibility” or “Quirks” in the mode description, then you’ve found the problem.

  • Quirks mode: this is usually triggered by a missing or broken Doctype. If this is the case, make sure your page starts with the following:

    <!DOCTYPE html>

  • Compatibility mode (IE7 mode): This may be triggered if you’re viewing the page locally (ie running it on your local machine, eg for testing, or on your local network). In this case, you are being hit by an IE config setting that you should disable. Go to the Tools menu, and pick the Comaptibility View Settings option. Untick the compatibility options, and the page should start working.

    Compat mode may also be triggered (or avoided) by an X-UA-Compatibility meta tag. If you’re having trouble with compatibility mode, this is a good way to avoid it: Add the following line to your code:

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

Either (or both) of the above could be the problem, but my guess is that the problem is compatibility mode. The compat-mode-on-intranet-sites setting is suprisingly little known, and catches a lot of people out, even some seasoned developers.

More Related Contents:

  1. How to fix Array indexOf() in JavaScript for Internet Explorer browsers
  2. ‘console’ is undefined error for Internet Explorer
  3. Why doesn’t indexOf work on an array IE8?
  4. Changing CSS pseudo-element styles via JavaScript [duplicate]
  5. javascript document.getElementsByClassName compatibility with IE
  6. addEventListener not working in IE8
  7. getElementsByClassName() doesn’t work in old Internet Explorers like IE6, IE7, IE8
  8. Javascript .querySelector find by innerTEXT
  9. PNG transparency issue in IE8
  10. getting access is denied error on IE8
  11. How to debug Javascript with IE 8
  12. Border Radius for IE8
  13. clientHeight/clientWidth returning different values on different browsers
  14. How do I disable the save password bubble in chrome using Javascript?
  15. How to set HTML content into an iframe
  16. Conditional comment for ‘Except IE8’?
  17. getElementsByClassName & IE8: Object doesn’t support this property or method [duplicate]
  18. IE8 alternative to window.scrollY?
  19. JavaScript – Nuances of myArray.forEach vs for loop
  20. object has no hasOwnProperty method (i.e. it’s undefined) – IE8
  21. jQuery focus() sometimes not working in IE8
  22. Javascript JSON Date parse in IE7/IE8 returns NaN
  23. How to use querySelectorAll only for elements that have a specific attribute set?
  24. unable to cope with the asynchronous nature of navigator.geolocation
  25. Alternative for innerHTML?
  26. Using querySelectorAll(). Is the result returned by the method ordered?
  27. Babel 6.0.20 Modules feature not work in IE8
  28. How to do a wildcard element name match with “querySelector()” or “querySelectorAll()” in JavaScript?
  29. “querySelectorAll()” with multiple conditions in JavaScript
  30. Why is document.getElementById(‘tableId’).innerHTML not working in IE8?

Leave a Comment