IE9 equivalent of querySelectorAll

javascript internet-explorer internet-explorer-9 selectors-api
Fibericon picture Fibericon · Nov 1, 2012 · Viewed 13.1k times · Source

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.

Answer

macguru2000 picture macguru2000 · Nov 14, 2012

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>

Related questions

Why does JavaScript only work after opening developer tools in IE once?

IE9 Bug - JavaScript only works after opening developer tools once. Our site offers free pdf downloads to users, and it has a simple "enter password to download" function. However, it doesn't work at all in Internet Explorer. You can …

Read More
addEventListener in Internet Explorer

What is the equivalent to the Element Object in Internet Explorer 9? if (!Element.prototype.addEventListener) { Element.prototype.addEventListener = function() { .. } } How does it works in Internet Explorer? If there's a function equal to addEventListener and I don't know, explain please. Any …

Read More
IE9 HTTPS security is compromised by my Greasemonkey script?

I’ve got a Greasemonkey-for-IE script in IE9 that’s importing jQuery. But on secure pages it doesn’t work. I’m getting: SEC7111: HTTPS security is compromised by http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js The …

Read More