Heim > Artikel > Web-Frontend > Wie löst man das Ergebnis „Undefiniert“ beim Abrufen von Text aus einem

-Tag mit JavaScript auf?

Wie löst man das Ergebnis „Undefiniert“ beim Abrufen von Text aus einem
-Tag mit JavaScript auf?

Susan SarandonOriginal: 2024-10-18 21:14:03160Durchsuche

How to Resolve Tag mit JavaScript verwenden?" /> Tag mit JavaScript verwenden?" />

Textinhalt aus einem DIV-Tag mit reinem JavaScript abrufen

Beim Versuch, den Textinhalt eines

Wenn Sie mit JavaScript ein Tag erstellen, wird möglicherweise der Wert „undefiniert“ angezeigt. Um dieses Problem zu beheben, sollten Sie die Verwendung von textContent anstelle von innerHTML in Betracht ziehen.

Im Gegensatz zu innerHTML, das den gesamten DOM-Inhalt in einer Zeichenfolge erfasst, ruft textContent ausschließlich den Text innerhalb des

ab. Wenn beispielsweise das folgende Markup vorhanden ist:

<code class="html"><div id="test">
  Some <span class="foo">sample</span> text.
</div></code>

Die Verwendung von innerHTML würde Folgendes ergeben:

<code class="js">var node = document.getElementById('test');

var htmlContent = node.innerHTML;
// htmlContent = "Some <span class="foo">sample</span> text."</code>

Während textContent Folgendes bereitstellt:

<code class="js">var textContent = node.textContent;
// textContent = "Some sample text."</code>

Diese Unterscheidung ist entscheidend, wenn Umgang mit DOM-Inhalten, die sowohl Text- als auch Nichttextelemente enthalten können.

Weitere Informationen finden Sie in der Dokumentation des Mozilla Developer Network (MDN) unter:

[textContent](https ://developer.mozilla.org/en-US/docs/Web/API/Node/textContent)
[innerHTML](https://developer.mozilla.org/en-US/docs/Web /API/Element/innerHTML)

Das obige ist der detaillierte Inhalt vonWie löst man das Ergebnis „Undefiniert“ beim Abrufen von Text aus einem

-Tag mit JavaScript auf?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript String if for include using undefined dom this innerHTML https issue

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Wie rufe ich Text aus Div-Tags in JavaScript ohne jQuery ab?Nächster Artikel：Wie rufe ich Text aus Div-Tags in JavaScript ohne jQuery ab?

In Verbindung stehende Artikel

Mehr sehen