.remove() not working in Internet Explorer

Question

This code works very well in Google Chrome, but wont work in Internet Explorer:

document.getElementsByClassName('info')[i].remove();

Is there some other method to do the same thing or can I make .remove() work in Internet Explorer?

As you've tagged jQuery why not use that, and forget worrying about browser specific faults; `$('.info').eq(i).remove();` — Rory McCrossan, Sep 19 '15 at 16:58
http://stackoverflow.com/questions/3387427/remove-element-by-id — Firedrake969, Sep 19 '15 at 16:59

score 18 · Accepted Answer · answered Sep 19 '15 at 16:59

You would have to get the parent and call removeChild

var node = document.getElementsByClassName('info')[i];
node.parentNode.removeChild(node);

Also since you have jQuery tagged you could just do

jQuery(".info").eq(i).remove()

as jQuery does cross browser checks and uses the correct methods

1 Answers1