HTML DOM textContent Eigenschaft

HTML DOM Element-Objekt

textContentEigenschaft setzt oder gibt den Textinhalt eines bestimmten Knotens und all seiner Kinder zurück.

Das Setzen von textContent auf einem Knoten löscht alle Kindknoten des Knotens und ersetzt sie durch einen einzigen Textknoten mit dem angegebenen Text.

Die textContent-Attribut ähneltinnerTextAttribut, aber es gibt einige Unterschiede:

• textContent gibtalleden Textinhalt des Elements zurückgibt, während innerTextaußer <script> und <style>-Elementeaußeraller Elemente im

• innerText gibt den Text der in CSS versteckten Elemente nicht zurück (textContent gibt ihn zurück)

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

Syntax:

Rückgabe des Textinhalts des Knotens:

node.textContent

Textinhalt des Knotens setzen:

node.textContent = text

var x = document.getElementById("para").textContent;

Browserkompatibilität

textContent-Attribut wird von allen Browsern vollständig unterstützt:

Attributwert

Technische Details

Mehr Beispiele

Veränderung des Textinhalts des <p>-Elements mit id="para":

var x = document.getElementById("para");
x.textContent = "HELLO WORLD";

Rückgabe des gesamten Textinhalts des DIV-Elements:

var x = document.getElementById("container").textContent;

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

<p id="x">Dieser Element hat zusätzlichen Abstand und enthält ein <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.

zusammenhängende Referenzen

HTML DOM-Referenz:HTMLElement.innerText-Eigenschaft

HTML DOM-Referenz:element.innerHTML-Eigenschaft

HTML DOM Element-Objekt