Deleting Tag Contents

Deleting <div> Contents in Javascript (XHTML)

[Quasaur1]

What's the easiest way to delete the contents of a tag (like <div>) from javascript?

[whoisgregg]

Not sure what you mean, do you want your page to have a div and a link to erase that div's contents? This code accomplishes that:

<div id="remove_me">The user can click something to make me disappear.</div>
<a href="#" onclick="document.getElementById('remove_me').innerHTML = '';">Delete Above</a>

<edit>typos, typos, typos</edit>

[Quasaur1]

Gregg:

Thanks for replying...

You're right: i wish to erase the contents of a <div> and fill the tag with other info (imported XML data).

I will test the code you gave me...

...will it work in IE6 as well?

[whoisgregg]

imported XML data

Here's a couple of silly questions: Are you trying to replace div contents in your own pages before you upload them to your site? Or are you trying to let the user change the content on the page while they browse?

[Quasaur1]

i amtrying to let the user change the content on the page while they browse.

[whoisgregg]

The method I posted is correct then, you still need to get the data. I assume you've got an XMLHttpRequest to get the data. I don't know anything about that part of it, but whatever you grab goes into a variable, then you just assign the .innerHTML of the div to equal that variable:

var newContents = ''; 
document.getElementById('changingDiv').innerHTML = newContents;