Hoe maak ik de inhoud van een div leeg met JavaScript?

Als de gebruiker op een knop klikt op mijn pagina, moet de inhoud van een div worden gewist. Hoe kan ik dit voor elkaar krijgen?

Oplossing

Just Javascript (zoals gevraagd)

Voeg deze functie ergens op je pagina toe (bij voorkeur in de ``)

function clearBox(elementID)
{
    document.getElementById(elementID).innerHTML = "";
}

Voeg dan de knop toe op klik event:

In JQuery (ter referentie)

Als u liever JQuery zou je kunnen doen:

$("#cart_item").html("");
Commentaren (7)

Je kunt het ook op de DOM manier doen:

var div = document.getElementById('cart_item');
while(div.firstChild){
    div.removeChild(div.firstChild);
}
Commentaren (8)