Question

I am playing with the following code from this webpage

http://www.dynamicdrive.com/dynamicindex2/crawler/index.htm

Everything works fine but I am having trouble removing the scroller after use, for example if I want to change the content of the page.

Any ideas on how I could do this?

Thanks,

Answer 1

Assign an ID to the scroller element and use

<script type="text/javascript">
function changecontent() {
    document.getElementById('scroller').style.display = 'none';
    // or
    document.getElementById('scroller').style.visibility = 'hidden';
    // or completely remove the HTML element
    document.body.removeChild(document.getElementById('scroller'));
}
</script>

<div id="scroller"><p>Lorem ipsum</p></div>
<p><a href="javascript:changecontent()">Change content</a></p>