Supporté par ChromeSupporté par FirefoxSupporté par EdgeSupporté par Safari/iOS innerHTML : Démo HTML5

Mise à jour : 2017-01-22

Un ancien attribut fait son entrée officielle dans les spécifications du W3C.
Il permet l'insertion dynamique d'éléments dans le DOM.

innerHTML


À rapprocher de appendChild() à la différence qu'il écrase les noeuds de même niveau et inférieurs et qu'il nécessite d'être évalué s'il contient du code JavaScript.

Notes sur le tuto

...

Exemple de code HTML5

<span id="test" class="ko">innerHTML non supporté !</span>
<script>
	eltTest = document.getElementById("test");
	eltTest.innerHTML = "innerHTML supporté !"
	eltTest.className = "ok";
</script>

Démonstration du résultat HTML5


innerHTML non supporté !

Détection automatique du support HTML5

Librairie JavaScript de détection automatique (attention, comporte quelques faux positifs et faux négatifs)
<script src="_html5detect.js"></script>
<script>isItemSupported("eltTest.innerHTML")</script>		

Can I Use xml-serializer? Data on support for the xml-serializer feature across the major browsers from caniuse.com.