How to remove <object> html markup using javascript in IE6 and IE7

UPDATED please see this post.

Let’s say you have a quicktime movie, and it’s marked up in your HTML using the <object> tags.

In Firefox you can use the removeNode(id of your quicktime object tag) method to remove quicktime object. This works fine.

However in IE 6 and IE 7 this will not work. Surprise, surprise! The quicktime object/player will stay on the screen even though it does no longer exist in the DOM. You’ll need to refresh to get ride of it. Not very nice!

To properly remove a quicktime object using IE6 and Ie7 using javascript you’ll need to do one extra step.

What you’ll need to do is first set the css display property of the quicktime object to none.

Now you can use the normal removeNode(id of your quicktime object tag) to remove it.

So something like this

var e = document.getElementById(’id of your quicktime object’);
e.style.display = ‘none’;
document.body.removeChild(e);

This entry was posted on Tuesday, October 9th, 2007 at 5:36 pm and is filed under Javascript. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.