IE9 equivalent of querySelectorAll

StackOverflow https://stackoverflow.com/questions/13171247

Question

I haven't had any problems in FF or Chrome, but IE9 chucks an error on this method. I thought I would be able to use it, due to it having been shown to be supported here:

http://www.quirksmode.org/dom/w3c_core.html

However, that appears to not be the case in practice. That being said, what can I use in its place?

EDIT: Here's the exact line it fails on:

var maximize_buttons = document.querySelectorAll(".maximize");

That is the first time I attempt to use querySelectorAll(). The browser version number is 9.0.8112.16421

EDIT (again): I've verified this error on two separate computers. However, there's one thing in common that they share - they're both running Windows 7 on VMware. Is that relevant?

Browser mode was IE9, but document mode was set to quirks by default. Changing it to Internet Explorer 9 standards fixed the problem, but if quirks is default, I still need to make it work for that.

Was it helpful?

Solution

You need to use the html5 doctype for IE9 to work with the querySelectorAll() javascript method. The doctype looks like this and should be placed as the first line on all the pages in your site.

<!DOCTYPE html>

OTHER TIPS

This has nothing to do with quirks vs. standards mode, as the other answers suggest.

It has to do with so-called "Compatibility Mode." IE9 through IE11 use "Compatibility Mode" with intranet sites by default, and with other sites according to your settings.

To tell IE that your site actually uses web standards and it shouldn't hobble itself, either:

  1. Update your server config to send the X-UA-Compatible header with the value IE=Edge, or

  2. Add it as a meta tag right at the top of your head element markup:

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

Of course, you should have a doctype as well, but just a doctype won't deal with the (in)Compatibility Mode issue.

Running quirksmode is like running non-standard IE6.

You must, must, must(!) have a doctype on top of each HTML page: <!doctype html>
Every relevant (and many irrelevant) browser supports it.
And without it... ...well... quirksmode...

You don't want to be running in quirksmode for anything, ever, as you never know what kind of JS/CSS/html5 support is suddenly going to disappear or act weird...

So don't do it.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top