insertAdjacentHTML

element.insertAdjacentHTML(position, html);

Maîtrisez votre position d'insertion sans destruction du contenu. Cette fonction est supérieure à innerHTML.

Quatre positions sont possibles

insertAdjacentHTML(position, ...);

https://output.jsbin.com/gobired/2/

Utilisation avec jsfiddle

Sélectionner comme l'indique la figure BABEL + JSX

En action