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>