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

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

Susan Sarandon
Susan SarandonOriginal
2024-12-17 02:09:24901Durchsuche

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

HTML-Tags aus Text mit reinem JavaScript entfernen

HTML-Tags aus Text entfernen kann eine häufige Aufgabe in der Webentwicklung sein, beispielsweise beim Parsen von Inhalten aus nicht vertrauenswürdigen Quellen oder Konvertieren von HTML in einfachen Text. So machen Sie es mit einfachem JavaScript, ohne auf externe Bibliotheken angewiesen zu sein:

Verwenden des DOM zum Entfernen von Tags

Wenn Sie in einer Browserumgebung arbeiten, ist die Nutzung der effizientesten Methode Die integrierten HTML-Parsing-Funktionen des Browsers:

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

Hinweis: Sicherheitsüberlegungen

Wie im Kommentaren zufolge sollte dieser Ansatz beim Umgang mit nicht vertrauenswürdigem HTML, wie z. B. Benutzereingaben, mit Vorsicht angewendet werden. Schädlicher Code könnte über Tags eingeschleust werden, daher wird empfohlen, zuerst den HTML-Code zu bereinigen, bevor Tags entfernt werden.

Zum Umgang mit nicht vertrauenswürdigem HTML sollten Sie die Verwendung einer sichereren Methode wie DOMParser in Betracht ziehen, wie in einer alternativen Antwort von Saba vorgeschlagen.

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

Stellungnahme:
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
Vorheriger Artikel:Denken Sie darüber nachNächster Artikel:Denken Sie darüber nach