Speichert den Inhalt eines HTML-Elements. Wenn Sie beim dynamischen Ändern des gespeicherten Inhalts HTML-Tags notieren, werden diese bei der Aktualisierung des Elementinhalts interpretiert.
<script type="text/javascript">
var Neu = "neuer <b>fetter<\/b> Text";
function Aendern () {
document.all.meinAbsatz.innerHTML = Neu;
}
</script>
</head><body>
<p id="meinAbsatz">Text</p>
<a href="javascript:Aendern()">Anderer Text</a>
</body>
Text
Anderer TextErläuterung:
Das Beispiel enthält einen Textabsatz und einen Verweis. Beim Anklicken des Verweises wird die Funktion Aendern() aufgerufen. Diese Funktion weist dem Absatz mit der id="meinAbsatz" für die Eigenschaft innerHTML den Wert der zuvor definierten Variablen Neu zu. Der Inhalt des Absatzes ändert sich dann dynamisch und berücksichtigt dabei auch die HTML-Formatierung ... beim neuen Inhalt des Elements.
Die Eigenschaft innerHTML sollten Sie nicht direkt beim Einlesen der HTML-Datei anwenden, sondern immer erst abhängig von Aktionen wie Verweisklicks oder Button-Klicks oder mit einem Seite setTimeout() von einigen Sekunden davor. Bei Anwendung direkt beim Einlesen der Datei meldet der Internet Explorer 4.0 einen Laufzeitfehler.
Beachten Sie:
Das Beispiel kann im Safari nicht nachvollzogen werden, da dieser das Objekt document.all nicht kennt. Safari unterstützt jedoch die Eigenschaft innerHTML.
Der Internet Explorer ist aus irgendeinem Grund nicht in der Lage, innerHTML auf die HTML-Elemente table;, thead, tbody, tfoot und tr schreibend anzuwenden. Man kann Tabellen
also nicht über innerHTML verändern, sondern ist gezwungen, entweder ein die Tabelle einschließendes Element mit einer kompletten Tabelle neu zu schreiben, oder z.B. mit den
DOM-Methoden zu arbeiten.