Comment créer des éléments avec JavaScript: createElement et innerHTML

Créer des éléments avec JavaScript
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Javascript
Revoir le teaser Je m'abonne
4,5
Transcription

49,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Description Programme Avis
4,5
49,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

À la fin de cette vidéo, vous saurez utiliser createElement et innerHTML pour créer et manipuler des éléments HTML avec JavaScript.

Découvrez deux méthodes pour créer des éléments HTML avec JavaScript : createElement et innerHTML.

Cette leçon explique en détail comment créer des éléments HTML en utilisant deux méthodes distinctes de JavaScript. La première méthode, createElement, permet de créer un élément en spécifiant son tagName et en utilisant appendChild pour insérer l'élément dans le DOM. Bien que cette méthode soit plus sûre, elle peut être laborieuse car il est nécessaire d'ajouter manuellement tous les attributs pour que l'élément soit fonctionnel.

La deuxième méthode, innerHTML, permet de créer des éléments en spécifiant directement une chaîne de caractères représentant le HTML à insérer. Cette méthode est moins sécurisante car des erreurs peuvent passer inaperçues, mais elle a le mérite d'être plus concise.

En pratiquant ces deux méthodes, vous apprendrez à ajouter des liens, des divs, et d'autres éléments à vos pages Web via la console JavaScript, en comprenant les avantages et inconvénients de chaque approche.

Voir plus
Questions réponses
Quels sont les deux méthodes pour créer des éléments avec JavaScript ?
Les deux méthodes sont createElement et innerHTML.
Pourquoi pourrait-on préférer createElement à innerHTML ?
createElement est plus sécurisé car JavaScript vérifie la syntaxe et minimise les erreurs possibles.
Quels sont les inconvénients de la méthode innerHTML ?
innerHTML est moins sécurisée car elle ne vérifie pas la syntaxe du HTML et peut facilement engendrer des erreurs.

Programme détaillé de la formation

4 commentaires
4,5
4 votes
5
4
3
2
1
nicolas.braud
Il y a 1 year
Commentaire
Très bonne formation ; j'ai eu des difficultés avec la partie AJAX pour installer les hôtes virtuels d'un point de vue technique, mais on peut y arriver quand même à l'aide de tuto. les documents présentés en slide seraient appréciés pour les utiliser a posteriorir.
fguibert47
Il y a 2 years
Commentaire
Bonjour, Excellente formation. Très bien faite. Alain Beauvois est un très bon professeur !! Elle correspond tout à fait à ce que j'attendais. Merci.
amercadie
Il y a 2 years
Commentaire
Excellente formation. Des cours progressifs et très clairs.
david.coilot
Il y a 2 years
Commentaire
très bonne formation !!