Wie entferne ich HTML-Tags mithilfe von einfachem JavaScript effizient aus Text?

HTML-Tags aus Text in einfachem JavaScript entfernen

HTML-Tags aus einer Zeichenfolge entfernen ist eine häufige Aufgabe in der Webentwicklung. Für diesen Zweck stehen zwar Bibliotheken zur Verfügung, es ist jedoch möglich, dies mit einfachem JavaScript zu erreichen.

Verwendung des DOM des Browsers

Wenn Ihr Code in einem Browser ausgeführt wird, ist dies am einfachsten Der Ansatz besteht darin, die HTML-Analyse dem Browser zu überlassen. Dies kann durch Erstellen eines temporären DOM-Elements und Festlegen seiner innerHTML-Eigenschaft auf die HTML-Zeichenfolge erfolgen. Die resultierende textContent- oder innerText-Eigenschaft enthält den Text ohne HTML-Tags.

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

Achtung: Diese Methode sollte bei der Verarbeitung nicht vertrauenswürdiger Eingaben, wie z. B. benutzergenerierter Inhalte, mit Vorsicht verwendet werden.

DOMParser verwenden

Eine alternative Methode ist Verwenden Sie die DOMParser-Schnittstelle, die in modernen Browsern verfügbar ist. Dadurch können Sie HTML-Zeichenfolgen analysieren, ohne DOM-Elemente zu erstellen.

function stripHtml(html) {
   const doc = new DOMParser().parseFromString(html, "text/html");
   return doc.body.textContent;
}

Reguläre Ausdrücke

Reguläre Ausdrücke können auch verwendet werden, um HTML-Tags aus einer Zeichenfolge zu entfernen, aber Dieser Ansatz ist im Allgemeinen weniger effizient und robust im Vergleich zu den oben genannten Methoden.

function stripHtml(html) {
   return html.replace(/<.+?>/g, "");
}

Denken Sie daran, die Einschränkungen und Auswirkungen auf die Sicherheit zu berücksichtigen jede Methode bei der Auswahl der geeigneten Lösung für Ihren Anwendungsfall.

Das obige ist der detaillierte Inhalt vonWie entferne ich HTML-Tags mithilfe von einfachem JavaScript effizient aus Text?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!