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