So rufen Sie Div-Tag-Text mit JavaScript ab (ohne jQuery)

Um den Textinhalt eines div-Elements ausschließlich mit JavaScript abzurufen, gibt es Alternativen zu jQuery.

Problemstellung:

Ein früherer Versuch, den Text mit document.getElementById('superman').value abzurufen, hat undefiniert zurückgegeben. Das Ziel besteht darin, eine Lösung mit einfachem JavaScript ohne jQuery zu finden.

Lösung:

Um den Text erfolgreich abzurufen, sollten Sie die Verwendung von textContent anstelle von value in Betracht ziehen. Die innerHTML-Eigenschaft gibt den gesamten DOM-Inhalt als String zurück, einschließlich der Elemente innerhalb des div. Im Gegensatz dazu extrahiert textContent speziell den Text innerhalb des Div und sorgt so für eine genauere Textdarstellung.

Zum Beispiel bei folgendem HTML:

  Some sample text.

Using innerHTML:

var node = document.getElementById('test');
var htmlContent = node.innerHTML;
// htmlContent = "Some sample text."

Using textContent:

var node = document.getElementById('test');
var textContent = node.textContent;
// textContent = "Some sample text."

Weitere Informationen zu textContent und innerHTML finden Sie im MDN:

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