querySelectorAll method is not supported with IE11 in standards mode

Question

I'm having an issue with IE11. The document.querySelectorAll is causing some issues.

Whenever I use it via the console like so:

document.querySelectorAll('.test_class');

I get the following error:

Object doesn't support property or method 'querySelector'

I'm not in quirks mode as I found that this was an issue for others that had this problem. I have also added the <!DOCTYPE html> to my Web page.

What am I missing?

are you in compatibility mode? – Daniel A. White Jul 22 '17 at 23:46 — Daniel A. White, Jul 22 '17 at 23:46

score 2 · Answer 1 · answered Dec 12 '19 at 08:05

2

Here is how you can do it:

let classes = document.querySelectorAll('.test_class') Array.prototype.forEach.call(classes, element => { console.log("class",element) })

answered Dec 12 '19 at 08:05

JustAnotherGirl

score 1 · Answer 2 · answered Jul 22 '17 at 23:46

I just found the answer to this almost as soon as I posted the question:

The issue was to add the following metatag:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

Hope it helps.

2 Answers2