Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie extrahiere ich mit JavaScript einfachen Text aus HTML?

Linda Hamilton
Freigeben: 2024-10-31 19:34:02
Original
378 Leute haben es durchsucht

How to Extract Plain Text from HTML with JavaScript?

Entfernen von HTML-Elementen für die Nur-Text-Extraktion mit JavaScript

Beim Umgang mit HTML-Inhalten gibt es Situationen, in denen Sie möglicherweise das Reine extrahieren müssen Text ohne die HTML-Element-Tags. JavaScript bietet eine praktische Möglichkeit, dies zu erreichen.

Problemstellung:

Sie haben ein HTML-Dokument mit einer Schaltfläche und einem Text, der in einem

-Zeichen eingeschlossen ist. Element. Wenn Sie auf die Schaltfläche klicken, möchten Sie alle HTML-Element-Tags aus dem Text innerhalb dieses

entfernen. Element, so dass nur der reine Text übrig bleibt.

Lösung:

Um dies zu erreichen, befolgen Sie diese Schritte mit JavaScript:

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

  // Extract the plain text using either innerText or textContent
  // Depending on the browser support and specific requirements, you can use either of these methods.
  var text = element.innerText || element.textContent;

  // Replace HTML elements with the pure text
  element.innerHTML = text;
}</code>
Nach dem Login kopieren

Indem Sie dies verwenden Funktion: Wenn der Benutzer auf die Schaltfläche klickt, werden die HTML-Tags im

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

innerText vs. textContent:

Die Wahl zwischen innerText und textContent hängt von Ihren Anforderungen ab. innerText ahmt den sichtbaren Text nach, einschließlich aller Leerzeichen, Zeilenumbrüche und verborgenen Text. Andererseits entfernt textContent jegliche Formatierung oder versteckte Elemente.

Kompatibilität:

innerText ist besser mit älteren IE-Browsern kompatibel, ist jedoch möglicherweise nicht für komplexes HTML geeignet Strukturen. textContent wird für ein robusteres und konsistenteres Verhalten in allen Browsern empfohlen.

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

Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!