jsRemoveHTMLElement

The gatekeeper of reality is
quantified imagination.

Removing HTML Elements [Go Back]

You can remove an HTML element that is present within the webpage. This is accomplished by using the removeChild() function. In the code below, dropElement(target) takes the ID of the element you wish to remove and then removes it. The span element simply functions as a means to call the javascript function.

<script language="javascript">
<!--
function dropElement(target) {
document.body.removeChild(document.getElementById(target));
}
//-->
</script>

HTML Code:
<span onmousedown="dropElement('tmpRubricTxtInput');">CLICK TO MAKE INPUT BOX DISAPPEAR</span>
<br /><br /><input type="text" id="tmpRubricTxtInput" size="10" value="Bye, bye box" />

TRY THE DEMO:
CLICK TO MAKE INPUT BOX DISAPPEAR