Comment effacer le contenu d'un div en utilisant JavaScript?

128

Lorsque l'utilisateur clique sur un bouton, le contenu de la div avec l'ID cart_item doit être effacé. Comment pourrais-je y arriver?Comment effacer le contenu d'un div en utilisant JavaScript?

Source

2010-08-10 Rajasekar

* "Il est difficile de dire ce qui est demandé ici. Cette question est ambiguë, vague, incomplète, trop large, ou rhétorique et ne peut pas être raisonnablement répondu dans sa forme actuelle. "* - comment exactement est-il difficile de dire ce qui est demandé ici? Toute personne qui cherche la réponse" correcte "à cette question a probablement une compréhension parfaite de ce que l'affaire est ici –

237

Juste Javascript (comme demandé)

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

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

Ensuite, ajoutez le bouton événement click:

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

Dans JQuery (pour référence)

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

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

Source

2010-08-10 15:27:55

+46

+1 pour ne pas utiliser jquery :-) – TheHippo

+18

-... a besoin de plus de jquery –

+46

alternative jQuery: '$ (" # cart_item "). empty();' –

Vous pouvez le faire de la façon DOM ainsi:

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

Source

2010-08-10 15:38:57 Mic

Top notch! Identique à jQuery: $ ("# cart_item"). Empty(); agissant sur DOM et pas seulement sur le contenu. Génial! –

Est-ce préférable à 'innerHTML = ''' et si oui, pourquoi? – Sukima

La façon DOM était (au moment de la réponse) et est probablement encore aujourd'hui beaucoup plus rapide que 'innerHTML' – Mic

Comment effacer le contenu d'un div en utilisant JavaScript?

Répondre

Questions connexes