La méthode `document.createElement()` crée un élément, dont le type est indiqué par un nom de balise passé en argument (`div`, `p`, etc.).

Cet exemple est adapté de la [doc de cette fonction](https://developer.mozilla.org/fr/docs/Web/API/Document/createElement).

```javascript
function ajouteDiv(texte) {
  var nouveauDiv = document.createElement("div");
  var nouveauContenu = document.createTextNode(texte);
  nouveauDiv.appendChild(nouveauContenu);

  var body = document.body;
  body.appendChild(nouveauDiv);
}
ajouteDiv('Hello World!');
ajouteDiv('JavaScript rocks!');
```
On a encapsulé le code dans une fonction qui prend en argument un morceau de texte qu'on souhaite insérer.

La première ligne crée un `div` via `document.createElement()`. Mais elle est vide !

On crée donc un noeud de texte grâce à `document.createTextNode()`. Mais le noeud ainsi créé n'est associé à rien.

Pour l'ajouter au div, on utilise `element.appendChild()` qui ajoute un noeud passé en argument (un noeud texte **ou** un élément), à
l'`element` sur lequel elle est appelée. Note bien qu'aux fonctions vues jusqu'ici, cette méthode est appelée sur un **élément**, et non pas sur l'objet `document`.

La quatrième ligne récupère la propriété `body` du document, ce qui constitue un raccourci plus pratique que ceci :
```javascript
var body = document.getElementsByTagName("body")[0];
```

Enfin, la cinquième ligne utilise encore `element.appendChild()`, cette fois pour ajouter le `div` au `body`. C'est à ce moment-là seulement qu'il devient visible !
