Les deux méthodes de création d'éléments avec JavaScript
Objectifs
À la fin de cette vidéo, vous saurez utiliser createElement et innerHTML pour créer et manipuler des éléments HTML avec JavaScript.
Résumé
Découvrez deux méthodes pour créer des éléments HTML avec JavaScript : createElement et innerHTML.
Description
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.