Apprendre à coder sur pierre-giraud.com

DES COURS COMPLETS ET GRATUITS POUR TOUS

SOMMAIRE

Introduction

  1. Présentation du cours
  2. Introduction au JavaScript
  3. Environnement de travail

Les bases en JavaScript

  1. Où écrire le JavaScript
  2. Syntaxe et commentaires
  3. Découverte des variables
  4. Les types de valeurs
  5. Opérations sur les variables
  6. La concaténation
  7. Présentation des conditions
  8. Les conditions if, if...else, if...else if...else
  9. Opérateurs logiques
  10. Evaluation / Simplification des conditions
  11. Conditions ternaires
  12. Switch
  13. Les boucles
  14. Découverte des fonctions
  15. Test n°1

Les objets en JavaScript

  1. Définition et découverte
  2. Valeurs primitives et objets
  3. Créer des objets
  4. Les méthodes de l’objet String
  5. Les méthodes de l’objet Number
  6. Découverte de l’objet Array
  7. Les méthodes de l’objet Array
  8. Découverte de l’objet Date
  9. Les méthodes de l’objet Date
  10. L’objet Math et ses méthodes
  11. Test n°2

Notions avancées sur les fonctions

  1. La portée en JavaScript
  2. Les fonctions anonymes
  3. Les fonctions auto-invoquées
  4. Les closures JavaScript
  5. Test n°3

Le DOM HTML

  1. Découverte du DOM HTML
  2. Accéder à un élément HTML
  3. Modifier du contenu HTML
  4. Ajouter et insérer des éléments HTML
  5. Modifier ou supprimer des éléments HTML
  6. Naviguer dans le DOM
  7. Les évènements en JavaScript
  8. AddEventListener()
  9. Propagation des évènements
  10. L'objet Event
  11. Test n°4

Le BOM - Browser Object Model

  1. Le BOM et l'objet Window
  2. L'objet Screen
  3. L'objet Navigator
  4. L'objet Location
  5. L'objet History
  6. Test n°5

Les expressions régulières

  1. Découverte des regex en JavaScript
  2. Recherches et remplacements
  3. Les quantifieurs et les options
  4. Les classes de caractères et les méta-caractères
  5. Test n°6

JavaScript et formulaires

  1. Rappels sur les formulaires en HTML
  2. Validation HTML des formulaires
  3. Validation JavaScript des formulaires
  4. Test n°7

L'élément HTML canvas

  1. Découverte de l'élément canvas
  2. Dessiner des rectangles
  3. Dessiner des lignes
  4. Dessiner des arcs de cercle
  5. Créer des dégradés
  6. Insérer du texte et des images
  7. Incliner un dessin
  8. Test n°8

Notions avancées

  1. Gestion du délai d'exécution
  2. La gestion des erreurs
  3. Le mode strict
  4. Test n°9

Conclusion

  1. Conclusion - Aller plus loin

MODIFIER OU SUPPRIMER DES ELEMENTS HTML EN JAVASCRIPT

Supprimer un élément HTML en JavaScript

Pour retirer un élément HTML d’une page en JavaScript, nous allons utiliser la méthode removeChild().

Cette méthode appartient à l’objet Element. Elle va prendre le nom de l’élément à retirer en argument.

Cette méthode va supprimer un élément HTML enfant ciblé relativement à son parent.

Nous allons donc appliquer cette méthode à partir de l’élément parent comme ceci :

Utilisation de la méthode removeChild de l’objet element en JavaScript

On utilise removeChild pour retirer un élément HTML d’une page en JavaScript

Essayer ce code !

Comme vous pouvez l’observer, notre titre a bien été retiré de la page HTML.

Modifier des éléments HTML en JavaScript

Pour modifier ou remplacer des nœuds / éléments HTML par d’autres, on va utiliser la méthode replaceChild(), qui est une autre méthode de l’objet Element.

Cette méthode va prendre deux arguments : la valeur de remplacement et le nœud qui doit être remplacé.

Utilisation de la méthode replaceChild de l’objet JavaScript element

On peut remplacer un élément HTML par un autre en JavaScript grâce à replaceChild

Essayer ce code !

Ici, nous avons commencé par accéder à notre titre h1 ainsi qu’à son parent. En effet, comme replaceChild() est une méthode de l’objet Element, on va devoir l'appliquer au parent de l’élément à remplacer.

Ensuite, nous avons crée un nouvel élément h2 et lui avons attribué un attribut id et du texte.

Finalement, nous avons remplacé notre ancien titre h1 par notre nouveau titre h2 grâce à la méthode replaceChild().

Chapitre précédent

Chapitre suivant