HTML DOM Element innerText Eigenschaft

Definition und Verwendung

innerText Eigenschaft setzt oder gibt den Textinhalt des Elements zurück.

Anmerkung:Einstellen innerText Wenn die Eigenschaft festgelegt wird, werden alle Unter节点 gelöscht und durch einen neuen Textknoten ersetzt.

Weitere Informationen siehe:

textContent Eigenschaft

innerHTML-Attribut

Beispiel

Inneren Text des Elements abrufen：

let text = element.innerText;

Probieren Sie es selbst aus

Syntax

Textinhalt des Elements oder der Node zurückgeben：

element.innerText

oder

node.innerText

Textinhalt des Elements oder der Node setzen：

element.innerText = text

oder

node.innerText = text

Attributswert

Wert Beschreibung
text Textinhalt des Elements.

Rückgabewert

Typ Beschreibung
Zeichenkette Textinhalt des Elements und aller Nachkommen, außer <script> und <style>-Elementen.

Unterschied zwischen innerHTML, innerText und textContent

innerText-Attribut gibt zurück：

Gibt nur den Textinhalt des Elements und aller Unter元素e zurück, ohne durch CSS versteckten Text, Leerzeichen und Tags, außer <script> und <style>-Elementen.

innerHTML-Attribut gibt zurück：

Textinhalt des Elements, einschließlich aller Leerzeichen und innerer HTML-Tags.

textContent-Attribut gibt zurück：

Textinhalt des Elements und aller Nachkommen, einschließlich Leerzeichen und durch CSS versteckter Text, aber ohne Tags.

HTML-Beispiel

<p id="myP">   Dieser Element hat zusätzlichen Abstand     und enthält <span>ein span</span>-Element.</p>

JavaScript-Beispiel

let text = document.getElementById("myP").innerText;
let text = document.getElementById("myP").innerHTML;
let text = document.getElementById("demo").textContent;

Probieren Sie es selbst aus

Im obigen Beispiel：

innerText-Attribut gibt zurück：

Dieser Element hat zusätzlichen Abstand und enthält ein <span>span</span>-Element.

innerHTML-Attribut gibt zurück：

   Dieser Element hat zusätzlichen Abstand und enthält <span>ein span</span>-Element.

textContent-Attribut gibt zurück：

   Dieser Element hat zusätzlichen Abstand und enthält ein <span>span</span>-Element.

浏览器支持

所有浏览器都支持 element.innerText：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Unterstützung 10-11 Unterstützung Unterstützung Unterstützung Unterstützung