<html> <head> <title>Mon Document</title> <script type="text/javascript"> function change() { // document.getElementsByTagName("H1") renvoie une NodeList (liste de noeuds) de h1 // les éléments dans le document dont le premier a le numéro 0 : var header = document.getElementsByTagName("H1").item(0); // le firstChild (premier enfant) de l'en-tête est un noeud Texte : header.firstChild.data = "Un document dynamique"; // maintenant l'en-tête est "Un document dynamique". var para = document.getElementsByTagName("P").item(0); para.firstChild.data = "C'est le premier paragraphe."; // créer un nouveau noeud Texte pour le second paragraphe var newText = document.createTextNode("Ceci est le second paragraphe."); // créer un nouvel Element devant être le second paragraphe var newElement = document.createElement("P"); // placer le texte dans le paragraphe newElement.appendChild(newText); // et placer le paragraphe à la fin du document par son ajout // le BODY (corps) (qui est le parent de para) para.parentNode.appendChild(newElement); } </script> </head> <body> <input type="button" value="Modifier ce document." onclick="change()"> <h1>Header</h1> <p>Paragraph</p> </body> </head>