Wie rufe ich Text aus Div-Tags in JavaScript ohne jQuery ab?

Alternative Methoden zum Abrufen von Text aus Div-Tags in JavaScript

Während die Verwendung von jQuery zum Abrufen des Textinhalts eines Div-Tags ein gängiger Ansatz ist, ist dies sicherlich nicht der Fall einzige Option. JavaScript bietet native Methoden, die den Text effektiv extrahieren können, ohne auf externe Bibliotheken angewiesen zu sein.

Eine der wichtigsten Methoden für diesen Zweck ist die textContent-Eigenschaft. Im Gegensatz zu innerHTML, das den gesamten HTML-Inhalt des Elements zurückgibt, einschließlich Tags und Attributen, ruft textContent ausschließlich den Textinhalt ab.

Lassen Sie uns in ein Beispiel eintauchen, um seine Verwendung zu demonstrieren:

<code class="js">function test() {
  var t = document.getElementById('superman').textContent;
  alert(t);
}</code>

In diesem Szenario wird die textContent-Eigenschaft der t-Variablen zugewiesen, die anschließend beim Aufruf der Funktion „alert()“ den Klartext aus dem Div mit der ID „superman“ anzeigt.

Es ist erwähnenswert, dass die textContent-Eigenschaft Betrachten Sie, ähnlich wie innerHTML, Textknoten und Elemente ohne untergeordnete Knoten als Textinhalt. Verlassen Sie sich nicht auf textContent, wenn Ihr div-Element mehrere verschachtelte Elemente oder komplexes Markup enthält, da es den gewünschten Text möglicherweise nicht genau erfasst.

Das obige ist der detaillierte Inhalt vonWie rufe ich Text aus Div-Tags in JavaScript ohne jQuery ab?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!