Wie kann ich mit JavaScript reinen Text aus HTML-Elementen extrahieren?

So extrahieren Sie reinen Text aus HTML-Elementen mit JavaScript

Beim Umgang mit HTML-Elementen, die sowohl Text als auch Markup enthalten, ist es oft wünschenswert, dies zu tun Erhalten Sie den Textinhalt ohne HTML-Elemente. Dies kann mithilfe von JavaScript erreicht werden, wie im folgenden Beispiel gezeigt.

Im bereitgestellten HTML-Snippet haben wir eine Schaltfläche mit einem Onclick-Ereignis, die eine JavaScript-Funktion auslöst, die die Aufgabe hat, den Textinhalt aus einem < zu extrahieren ;p> Element und Entfernen der HTML-Elemente.

Erwartetes Ergebnis:

Wenn der Benutzer auf die Schaltfläche klickt, werden die HTML-Elemente im

Das Element wird entfernt, sodass nur der reine Textinhalt übrig bleibt.

JavaScript-Funktion:

Die folgende JavaScript-Funktion verwendet die innerText-Eigenschaft, um den Textinhalt aus dem <-Element zu extrahieren. p> Element:

<code class="javascript">function get_content() {
  // Retrieve the <p> element by its ID
  var element = document.getElementById('txt');

  // Extract the text content using innerText
  var text = element.innerText || element.textContent;

  // Update the HTML content of the <p> element with the extracted text
  element.innerHTML = text;
}</code>

Erklärung:

• Die innerText-Eigenschaft gibt den Textinhalt eines Elements zurück, mit Ausnahme aller darin enthaltenen HTML-Elemente.
• Wenn das Element keine innerText-Eigenschaft hat (ältere Browser), kann stattdessen die textContent-Eigenschaft verwendet werden.
• Schließlich wird der HTML-Inhalt des

  Das Element wird mit dem extrahierten Text aktualisiert, wodurch die HTML-Elemente effektiv entfernt werden.

Das obige ist der detaillierte Inhalt vonWie kann ich mit JavaScript reinen Text aus HTML-Elementen extrahieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!