How to insert the same html element twice?

Question

Here's a part of my code ``` elementol = document.createElement("ol"); var longueur = titres.length; for ( k = 0; k < longueur ; ++k) { elementli = document.createElement("li"); elementli.appendChild( document.createTextNode( titres[k].firstChild.nodeValue ) ); elementol.appendChild(elementli); } body = document.getElementsByTagName("body").item(0); body.appendChild(elementol); ``` The problem is If I try to find another Item and append, nothing work. For example if I double the lines at the end to give something like : ``` body = document.getElementsByTagName("body").item(0); body.appendChild(elementol); body = document.getElementsByTagName("body").item(0); body.appendChild(elementol); ``` Only the first append work, not the second , so I don't have my result twice. I'm new with this language, and found some code, but I don't know how to add multiple value. thanks

Accepted Answer

A node can't be in two locations in the tree at once.

Use `.cloneNode(true)` for the second one to clone it.

```
document.body.appendChild(elementol);
document.body.appendChild(elementol.cloneNode(true));
```

The `true` argument makes it clone its descendants as well.

How to insert the same html element twice?

Solution

Problem