web-dev-qa-db-fra.com

Comment effacer le contenu d'une div à l'aide de JavaScript?

Lorsque l'utilisateur clique sur un bouton de ma page, le contenu d'une div doit être effacé. Comment pourrais-je m'y prendre pour accomplir cela?

152
Rajasekar

Juste Javascript (à la demande)

Ajoutez cette fonction quelque part sur votre page (de préférence dans le <head>)

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

Ajoutez ensuite le bouton sur l'événement de clic:

<button onclick="clearBox('cart_item')" />

En JQuery (pour référence)

Si vous préférez JQuery, vous pouvez faire:

$("#cart_item").html("");
270
Tom Gullen

Vous pouvez aussi le faire à la manière du DOM:

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