HTML DOM innerText Eigenschaft

HTML DOM Element-Objekt

innerTextEigenschaft, um den Textinhalt eines bestimmten Knotens zu setzen oder zurückzugeben.

Das innerText-Attribut kann verwendet werden, um dynamischen Text in ein HTML-Dokument einzufügen. Hier wird der Text nicht als HTML-Text interpretiert, sondern als normaler Text.

Wenn das innerText-Attribut gesetzt wird, werden alle Kindknoten entfernt und durch einen einzigen Textknoten ersetzt, der die angegebene Zeichenkette enthält.

Dieser Eigenschaft ähnelttextContentAttribut, aber textContent gibt den Textinhalt aller Elemente zurück, während innerText den Textinhalt aller Elemente außer <script> und <style>-Elementen zurückgibt.

Um den HTML-Inhalt eines Elements zu setzen oder zurückzugeben, verwenden Sie dasinnerHTMLAttribut.

Syntax:

Textinhalt zurückgeben:

HTMLElement.innerText

Textinhalt setzen:

HTMLElement.innerText = text

document.getElementById("para").innerText = "Hello world";

Browser-Kompatibilität

Die Zahlen in der Tabelle geben die erste Browser-Version an, die den innerText-Attribut vollständig unterstützt:

Attributwert

Technische Details

Mehr Beispiele

Dieser Beispiel zeigt die Unterschiede zwischen innerText, innerHTML und textContent auf:

<p id="x">Dieser Element hat zusätzlichen Abstand und enthält ein <span>span</span>-Element</span>.</p>
<script>
function getInnerText() {}}
alert(document.getElementById("x").innerText);
}
function getInnerHTML() {
alert(document.getElementById("x").innerHTML);
}
function getTextContent() {
alert(document.getElementById("x").textContent);
}
</script>

Die Eigenschaft innerText gibt nur den Text zurück, ohne Leerzeichen und interne Elementetiketten.

Die Eigenschaft innerHTML gibt den Text mit Leerzeichen und internen Elementetiketten zurück.

Die Eigenschaft textContent gibt den Text mit Leerzeichen zurück, aber ohne interne Elementetiketten.

Verwandte Referenzen

HTML DOM Referenz:HTML DOM innerHTML-Eigenschaft

HTML DOM Referenz:HTML DOM textContent-Eigenschaft

HTML DOM Element-Objekt