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:
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>
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.
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:
Update your server config to send the X-UA-Compatible
header with the value IE=Edge
, or
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.