IE7 converting bracket notation to . notation in javascript

Question

I have this line of code (where 'e' is a click event):

var type = $(e.currentTarget.parentNode)[0].classList[0];

which is producing this error in IE7 (using Companion.JS to report errors):

'0.classList.0' is null or not an object

I tried the following variations on my code, but get the same result:

var type = $(e.currentTarget).parent()[0].classList[0];
var type = $(e.currentTarget).parent()['0'].classList['0'];

This code works in the latest Chrome and Firefox browsers. Any idea what's going on here?

I'm trying to get the first class to determine the 'type' of object that has been clicked on. I have two types, and they have different classes to differentiate them and somewhat different behaviors. — Jeff, Jan 24 '12 at 21:05
I was trying to avoid having to make a switch statement to check all the possible types in case I add more in the future. — Jeff, Jan 24 '12 at 21:26

score 1 · Accepted Answer · edited May 23 '17 at 12:03

1

First check the .length of $(e.currentTarget.parentNode), you might have to add a condition for IE because the currentTarget is inconsistent with other browsers.

Also, classList is not supported in IE.

Code with classList does not work in IE?

parse the .attr('class') or [0].className

edited May 23 '17 at 12:03

Community

1
1

answered Jan 24 '12 at 20:25

meder omuraliev

183,342
71
393
434

Yeah, classList was the issue. I replaced it with `className.split(/\s+/)[0]` – Jeff Jan 24 '12 at 21:44

IE7 converting bracket notation to . notation in javascript

1 Answers1