getElementById("div").getElementsByClassName("class") is not working in IE8

Question

I am using this:

document.getElementById("div").getElementsByClassName("class");

The above seems to work in Chrome and FireFox, but not in IE8.

I am using

document.getElementById("branch").getElementsByClassName("branch.address");

Above one fetches one row but using this

document.getElementById("branch").querySelectorAll("branch.address");

fetched empty

How do I make this work in IE8?

See this answer http://stackoverflow.com/q/7410949/3166303 – leeor Sep 17 '15 at 08:18 — leeor, Sep 17 '15 at 08:18

score 1 · Answer 1 · answered Sep 17 '15 at 08:23

The problem isn't getElementById, it's getElementsByClassName — IE8 doesn't have that.

Instead, you can use querySelectorAll, which is on all modern browsers, and also IE8:

document.getElementById("div").querySelectorAll(".class");

Or all in one:

document.querySelectorAll("#div .class");

querySelectorAll accepts any CSS selector, and returns a list of matching elements. There's also querySelector, which accepts any CSS selector, and returns the first matching element (or null if none match).

score 0 · Answer 2 · edited May 23 '17 at 12:14

0

IE8 does not support getElementsByClassName(). See this post for more details. Also see the link posted here for a SO post with work-arounds.

edited May 23 '17 at 12:14

Community

1
1

answered Sep 17 '15 at 08:21

leeor

17,041
6
34
60

getElementById("div").getElementsByClassName("class") is not working in IE8

2 Answers2