|<- [[jet:Changing DOM elements]]|[[jet:Introduction to JavaScript event handling]] ->|

=== creating elements===

<code>
var myNewElement = document.createElement("li"); // création de l'élément
myOldElement.appendChild(myNewElement); // on le place dans le DOM
myNewElement.innerHTML = "texte"; //méthode bourrin pour peupler le node
</code>

=== créer des nodes texte===

<code>
var myText = document.createTextNode("Mon texte."); // méthode pas bourrin 1
myNewElement.appendChild(myText); // méthode pas bourrin 2
</code>

=== alternatives à appendChild ===

  - insertBefore(newelement, existingElement);

appendChild insère à la fin, donc si on veut insérer avant, genre dans un <ul> plein de <li>, avant le 3è <li>, on peut utiliser insertBefore.