152 votes

Rajasekar avatar

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

Demandé el 10 de Août, 2010
Quand la question a-t-elle été
66125 affichage
Nombre de visites la question a
2 Réponses
Nombre de réponses aux questions
Résolu
Situation réelle de la question

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

Demandé el 10 de Août, 2010 par Rajasekar

0 votes

Avatar de Script47

Cette question est discutée sur meta.

Commenté el 12 de Juillet, 2018 par Script47

Réponses

Trop de publicités?

270voto

Tom Gullen avatar
Tom Gullen Points 20826

Just Javascript (comme demandé)

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

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

Ensuite, ajoutez le bouton sur l'événement de clic :

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

Dans JQuery (pour référence)

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

$("#cart_item").html("");
Répondu el 10 de Août, 2010 par Tom Gullen (20826 Points )

50 votes

Avatar de Rob Allen

Alterner jQuery : $("#cart_item").empty();

Commenté el 10 de Août, 2010 par Rob Allen

0 votes

Avatar de RyanP13

Pourriez-vous également utiliser .detach() ?

Commenté el 10 de Août, 2010 par RyanP13

0 votes

Avatar de DPSSpatial

@Tom Gullen cela a fonctionné pour moi sans passer l'id du DIV dans la fonction, et avec des guillemets simples autour de l'elementID dans la fonction elle-même. Merci pour cela !

Commenté el 9 de Juillet, 2014 par DPSSpatial
Afficher 4 autres commentaires

108voto

Mic avatar
Mic Points 13418

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

var div = document.getElementById('cart_item');
while(div.firstChild){
    div.removeChild(div.firstChild);
}
Répondu el 10 de Août, 2010 par Mic (13418 Points )

1 votes

Avatar de Pedro Ferreira

Excellent ! La même chose que jQuery : $("#cart_item").empty() ; agissant sur le DOM et pas seulement sur le contenu. Super !

Commenté el 27 de Mars, 2016 par Pedro Ferreira

0 votes

Avatar de Sukima

Est-elle préférée à innerHTML = '' et si oui, pourquoi ?

Commenté el 23 de Mai, 2016 par Sukima

0 votes

Avatar de Mic

La méthode DOM était (à l'époque de la réponse) et est probablement encore aujourd'hui beaucoup plus rapide que innerHTML

Commenté el 24 de Mai, 2016 par Mic
Afficher 5 autres commentaires

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

Yandex
X