Dom CORE : Objet Node->appendChild

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);
Descendre
Remonte

Paramètres

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.
Descendre
Remonte

Valeur retournée

Valeur retournée

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

Exceptions

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.
Descendre
Remonte

Exemples

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
Descendre
Remonte