How to delete text inserted with innerHTML

**jsfreak** · 12-19-2008 09:42 AM

Hi All developers.
I'm trying to find out how can i delete some text inserted with the (innerHTML) DOM construct, the simple div i've designed its empty, and after an event handler call the function some text appears...like so
//code
function write(){
document.getElementById('somediv').innerHTML= "hey man whats up?";
}
//eof code

what i would like to create its a function that deletes that text.
anyway i would call the function through an event handler like so:

<a href="#" onMouseover="write()" onMousedown="delete()">blablabla</a>

Thank you guys for any help

**mikem** · 12-19-2008 10:22 AM

Hi, Maybe try this:

Code:

function delete(){
document.getElementById('somediv').innerHTML= "";
}

Mike

**javawebdog** · 12-19-2008 01:21 PM

push it a bit farther ....
wrap the fx in a setTimeout() to make the text 'disappear' after a set time.
eg

.
.
.
.
.
function delete(){
document.getElementById('somediv').innerHTML= "";
}
</script>
</head>

<body onload="setTimeout(delete(), 5000)">
.
.
.
.

second param is millisec

Thread: How to delete text inserted with innerHTML

Thread Tools

Display

How to delete text inserted with innerHTML

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions