IE 0.width is null or not an object

Question

I'm Doing a Javascript and jQUery animation and it is working quite fine in all browsers less in Internet Explorer, it shows this alert: '0.width is null or not an object' take a look at the code here: http://jsfiddle.net/3y8cN/

It's a animated Percent bar, that works just fine in Chrome, but not in IE, looks that the problem is in the if:

if (barracent[0].style.width != '0'){
    multiplier[0].innerHTML = value1+'%';
}

How can I avoid that Problem?

Yes, I Know that I can use loops to avoid that big code, I'll do it later. Thanks a lot in Advance.

Use jQuery to select elements with a class, not a name. Use each to loop through. — epascarello, Jul 16 '12 at 18:00

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

1

DIV's do not support the 'name' attribute, and so document.getElementsByName('barracent') is not returning any elements in IE (other browsers must not have this restriction). Check out this answer for more details on the issue.

edited May 23 '17 at 12:20

Community

1
1

answered Jul 16 '12 at 17:53

Briguy37

8,342
3
33
53

Wow, Thanks a lot, but in that case, should I use QuerySelector to get them by class or use one ID for Each div? Thanks a lot again! – Feel The Noise Jul 16 '12 at 17:56
@HenriqueFoletto: It's up to you. Either way should work fine, but be consistent :) – Briguy37 Jul 16 '12 at 18:07
querySelectorAll didnt work fine in IE, In trying to do it with another way. Thanks again – Feel The Noise Jul 16 '12 at 18:31
All Fine now, I had to use each one by ID, but it worked nice, Thanks again! – Feel The Noise Jul 16 '12 at 18:41
@HenriqueFoletto Hmmm...querySelectorAll worked fine for me: http://jsfiddle.net/3y8cN/1/. Anyway, glad I could help :) – Briguy37 Jul 16 '12 at 18:42
Wierd... Anyway, now I know something else about that! Thanks again! – Feel The Noise Jul 16 '12 at 18:54

IE 0.width is null or not an object

1 Answers1