Si può dire che abbiamo anche document.write per alcuni casi d'uso.
innerHTML è stato standardizzato in HTML5 e con esso un metodo gemello insertAdjacentHTML che funziona come innerHTML, ma ci consente di definire in modo più specifico dove vogliamo inserire i contenuti HTML: beforeBegin, afterBegin, beforeEnd e afterEnd.
varul=document.getElementById("list");ul.insertAdjacentHTML("beforeEnd","<li>A new li on the list.</li>");
Finora, il problema principale di insertAdjacentHTML è stata la mancanza di supporto da parte dei browser. Poiché Firefox implementa insertAdjacentHTML a partire dalla versione 8, questa funzionalità sarà disponibile in tutti i principali browser, inclusi quelli mobile. Se vuoi utilizzarlo subito e assicurarti che funzioni nelle versioni di Firefox precedenti alla 8, puoi utilizzare questo polyfill.
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2011-08-27 UTC."],[],[]]