Methoden zum Ersetzen und Ändern von Elementen

innerHTML

Diese Methode kann einfachen Text und HTML-Tags lesen und interpretieren. Sie braucht als Anweisung zwar einen String, enthält dieser jedoch HTML-Tags, werden diese im Dokument als Elemente interpretiert.

HTML:

<p id="inner" onclick="changeText()">Hier steht irgendein Text, der überschrieben werden soll.</p>

Javascript:

function changeText(){
	document.getElementById("inner").innerHTML = "<a href='eineAndereSeite.html'>Hier</a> geht es zu einer anderen Seite.";
}

Durch einen Klick auf den Text der HTML-Seite wird der Text dieses einen p-Elementes geändert. Da innerHTML auch Tags interpretieren kann, ist es so auch möglich, beispielsweise einen Link einzufügen:


innerText

Im Gegensatz zu der Methode innerHTML kann innerText nur reinen Text ausgeben. Befinden sich HTML-Tags im zugewiesenen Text, werden sie ausgegeben, aber nicht interpretiert:

Das heißt, diese Methode ist hauptsächlich für reinen Text gedacht.