When the user clicks a button on my page, the content of a div should be cleared. How would I go about accomplishing this?
This question is related to
javascript
html
css
Just Javascript (as requested)
Add this function somewhere on your page (preferably in the <head>)
function clearBox(elementID)
{
document.getElementById(elementID).innerHTML = "";
}
Then add the button on click event:
<button onclick="clearBox('cart_item')" />
In JQuery (for reference)
If you prefer JQuery you could do:
$("#cart_item").html("");
You can do it the DOM way as well:
var div = document.getElementById('cart_item');
while(div.firstChild){
div.removeChild(div.firstChild);
}
Source: Stackoverflow.com