Dom CORE : Objet Node.appendChild

La méthode javascript appendChild

Définition

La méthode javascript appendChild(NewNoeud) de l'objet Node permet de insérer un noeud enfant à la fin des noeuds enfants d'un noeud.
Exemple de code :
var nouveauNoeud = objetNoeud.appendChild(NewNoeud);

Paramètres de appendChild

Paramètres

La méthode appendChild(NewNoeud) de l'objet javascript Node accepte comme paramètre :
- NewNoeud objet Node qui représente le nouveau noeud enfant à insérer.

Valeur retournée de appendChild

Valeur retournée

La méthode appendChild() de l'objet javascript Node renvoie objet Node qui représente le nouveau noeud enfant inséré.

Exceptions de appendChild

Exception

La méthode appendChild() de l'objet javascript Node renvoie commes exceptions :
- HIERARCHY_REQUEST_ERR le noeud courant ne peut avoir un noeud enfant du type de "NewNoeud", ou si le noeud à insérer est l'un des ancêtres du noeud courant.
- WRONG_DOCUMENT_ERR le noeud "NewNoeud" a été créé dans un document autre que celui dans lequel le noeud courant a été créé.
- NO_MODIFICATION_ALLOWED_ERR le noeud courant est en lecture seule.

Exemples de appendChild

Exemple

Nous alons inserer une option à la place de Option 1.

Voici le code XML :
Exemple de code :
<select size="3" id="affiche">
  <option>Option 0</option>
  <option>Option 1</option>
</select>

Code javascript:
Exemple de code :
//Création du nouveau Noeud
var Nodenew = document.createElement("option");
var texte = document.createTextNode("option 2");
Nodenew.appendChild(texte);

//Recupération du Noeud "position"
var Node = document.getElementById("affiche");
var NodeListe = Node.getElementsByTagName("option");
var position = NodeListe.item(1);

//Insertion
Node.replaceChild(Nodenew,position);

Résultat :
Ajouter