Wie löst man das Ergebnis „Undefiniert' beim Abrufen von Text aus einem <div>-Tag mit JavaScript auf?-js-Tutorial-php.cn

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

Während textContent Folgendes bereitstellt:

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

Nach dem Login kopieren

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!

Quelle：php

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

-Element mit reinem JavaScript

Erklärung dieser Website

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

Neueste Artikel des Autors

Aktuelle Ausgaben

function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...

Aus 2024-04-29 11:01:01

1908

So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?

Aus 2024-04-23 00:22:19

2080

Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.

Aus 2024-04-19 15:37:47

1752

Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...