Après avoir vu la création d’un élément dans une page HTML, apprenez à supprimer n’importe quel élément du DOM avec le Framework Dojo.
Vous saurez également comment dupliquer rapidement un élément de la page HTML.
Tout est dans la formation ci-dessous.
[ppmaccordion][ppmtoggle title= »Afficher le texte de la vidéo »]
La méthode pour supprimer un élément du DOM avec le Framework Dojo
Bonjour à tous et bienvenu sur Développement Facile.
On continue ensemble la série de cours dédiée au Framework Dojo, dans le cours précédent, vous avez appris à créer un élément et à le positionner, création d’un élément div et à le positionner. Dans ce cours vous allez apprendre à supprimer un élément, à le choisir.
Supprimer un élément
Il suffit d’utiliser la propriété dojo.destroy, ça va supprimer tous les enfants d’un élément et l’élément lui-même, tout simplement, rien de plus simple.
Reproduire un élément
Codes sources pouvant VOUS intéresser :
Vous avez également dojo.clone qui va vous permettre de cloner, de reproduire n’importe quel élément, ça peut également être très utile dans des boutiques en ligne avec Dojo, JavaScript, ou vous pouvez déplacer des produits, donc ça les clones, il y a des multitudes de possibilités.
Je vous montre un exemple de code source, on a 2 boutons, donc le texte, et 2 boutons, on le delete, on supprime le bloc, et sinon on clone le bloc, on le duplique, et on le place ici, rappelez-vous, dojo.place, on le place ici après la balise clone. Alors on le duplique, et on le supprime c’est aussi simple que ça, on supprime le bloc et on ne peut pas le dupliquer, regardez ça renvoie une erreur parce que le bloc a été supprimé, tout simplement, il faut passer dans l’ordre, on le duplique d’abord, et on le supprime après.
Votre plan d’actions !
Comme d’habitude, retrouvez un code source sous ce cours vidéo, téléchargez-le, entraînez-vous, implémentez ces fonctionnalités dans vos codes source dans vos applications HTML 5, si vous avez des questions posez-les sous ce cours vidéo et moi je vous dis à très bientôt sur Développement Facile.
[/ppmtoggle][/ppmaccordion]
Téléchargez l’exemple Dojo
Retrouvez un exemple de code avec Dojo.
Téléchargement du code source Exemple de suppression et duplication d'un élément du DOM
Téléchargement du code source Framework Dojo complet : dojo-release-1.9.3
Cliquez ici pour télécharger le code source Framework Dojo complet : dojo-release-1.9.3
Montrez-moi vos applications Dojo
De nouvelles possibilités s’offrent à vous avec Dojo. Partagez dans les commentaires vos codes source JavaScript pour créer des fonctionnalités incroyables !