document.querySelectorAll([classname]) not working in IE9

Question

Possible Duplicate:
IE9 equivalent of querySelectorAll

I'm trying to get all elements with the classname "video" in some JS running in IE9. I'm using var videopanels = document.querySelectorAll(".video"); which is working great in Chrome.

Unfortunately I'm getting this error when I watch document.querySelectorAll(".video") in the debugger:

document.querySelectorAll(".video")
Object doesn't support property or method 'querySelectorAll'
Error

However, when I watch document in the debugger (it shows up as a DispHTMLDocument) and open up the [Methods] list, I see

querySelectorAll()
querySelectorAll(v)
IHTMLDOMChildrenCollection

What's going on? How come I can see it in the debugger, but not (apparently) actually call or use it?

score 4 · Accepted Answer · edited Jan 29 '13 at 11:20

4

Change your doctype to html5 standards.

<!DOCTYPE html>

Also check IE9 isn't operating in compatibility mode as this may cause it to ignore some methods it supports.

edited Jan 29 '13 at 11:20

Andrew Wyld

7,133
7
54
96

answered Jan 29 '13 at 10:38

Robin Jonsson

2,761
3
22
42

My doctype is exactly that. – Andrew Wyld Jan 29 '13 at 10:38
It turned out my browser had got switched to IE7 compatibility mode. I don't remember doing this but that's almost certainly the problem. Thanks though! – Andrew Wyld Jan 29 '13 at 10:40
Yes, it needs to be in standard mode :) No probs – Robin Jonsson Jan 29 '13 at 10:41
@AndrewWyld Please check this [SO answer](http://stackoverflow.com/a/13287226/1169519). – Teemu Jan 29 '13 at 10:57
It wasn't the actual cause of my problem, so I thought I would leave them the same because it might help people to know both possible causes. – Andrew Wyld Jan 29 '13 at 11:12
@RobinJonsson are you OK if I change your post to reflect the IE7 thing? – Andrew Wyld Jan 29 '13 at 11:13
Yes thanks! I forgot to add that – Robin Jonsson Jan 29 '13 at 11:35
Fixed a problem for me in Chrome on Linux. – chris Jan 30 '15 at 15:42

document.querySelectorAll([classname]) not working in IE9

1 Answers1