Heim > Web-Frontend > js-Tutorial > Wie kann ich HTML-Tags nur mit JavaScript aus Text entfernen?

Wie kann ich HTML-Tags nur mit JavaScript aus Text entfernen?

Barbara Streisand
Freigeben: 2024-12-24 00:44:18
Original
452 Leute haben es durchsucht

How Can I Remove HTML Tags from Text Using Only JavaScript?

HTML-Tags aus Text entfernen: Ein einfacher JavaScript-Ansatz

Wenn Sie vor der Aufgabe stehen, HTML-Tags aus einer Zeichenfolge zu entfernen, ist die Versuchung groß Wenden Sie sich an eine geeignete Bibliothek, um Hilfe zu erhalten. Die Erkundung einer reinen JavaScript-Lösung bietet jedoch wertvolle Einblicke in die Vielseitigkeit der Sprache.

Die einfache JavaScript-Lösung:

Beim Arbeiten in einer Browserumgebung die nativen Funktionen des Browsers nutzen ist ein unkomplizierter Ansatz. Die folgende Funktion entfernt HTML-Tags nahtlos, ohne auf externe Bibliotheken angewiesen zu sein:

function stripHtml(html) {
   let tmp = document.createElement("DIV");
   tmp.innerHTML = html;
   return tmp.textContent || tmp.innerText || "";
}
Nach dem Login kopieren

Wirkungsmechanismus:

Diese Funktion erstellt ein HTML-Element, das im „tmp“ gespeichert ist. Variable. Indem das Element seine Eigenschaft „innerHTML“ auf die Eingabe „html“ setzt, analysiert es effektiv den HTML-Code. Wenn Sie anschließend die Eigenschaften „textContent“ oder „innerText“ abrufen, erhalten Sie die Zeichenfolge mit entfernten HTML-Tags.

Vorsichtshinweis:

Beim Umgang mit HTML ist Vorsicht geboten nicht vertrauenswürdige Quellen, wie z. B. Benutzereingaben. In solchen Szenarien könnte es ratsam sein, alternative Strategien in Betracht zu ziehen, wie etwa Sabas Antwort mit „DOMParser“.

Das obige ist der detaillierte Inhalt vonWie kann ich HTML-Tags nur mit JavaScript aus Text entfernen?. 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