Sommaire

D’autres méthodes des nœuds

1. Supprimer un nœud enfant

La méthode removeChild() permet de supprimer un nœud enfant d’un nœud parent. Voici l’URL de la page consacrée à cette méthode : https://developer.mozilla.org/fr/docs/Web/API/Node/removeChild

Voilà la structure simple de cet exemple :

<!DOCTYPE html> 
<html> 
    <head> 
        <meta charset="UTF-8"> 
        <title>Mon script</title> 
    </head> 
    <body id="top"> 
        <h1>Vulputate Sollicitudin Condimentum Bibendum</h1> 
        <p id="para">Donec sed odio dui</p> 
    </body> 
</html>
  • L’élément <body> a un identifiant nommé top.

  • Le paragraphe <p> a un identifiant nommé para.

Voici l’affichage initial :

images/C03-027.png

L’objectif est de supprimer le paragraphe <p id="para">.

Ajoutons ce script très simple :

<!DOCTYPE html> 
<html> 
    <head> 
        <meta charset="UTF-8"> 
        <title>Mon script</title> 
    </head> 
    <body id="top"> 
        <h1>Vulputate Sollicitudin Condimentum Bibendum</h1>  ...