Maison >interface Web >js tutoriel >Comment puis-je supprimer les balises HTML du texte en utilisant uniquement JavaScript ?

Comment puis-je supprimer les balises HTML du texte en utilisant uniquement JavaScript ?

Barbara Streisand
Barbara Streisandoriginal
2024-12-24 00:44:18494parcourir

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

Supprimer les balises HTML du texte : une approche JavaScript simple

Lorsque nous sommes confrontés à la tâche de supprimer les balises HTML d'une chaîne, il est tentant de tournez-vous vers une bibliothèque pratique pour obtenir de l’aide. Cependant, l'exploration d'une solution JavaScript pure offre des informations précieuses sur la polyvalence du langage.

La solution JavaScript simple :

Lorsque vous travaillez dans un environnement de navigateur, exploitez les capacités natives du navigateur. est une approche simple. La fonction suivante supprime de manière transparente les balises HTML sans recourir à des bibliothèques externes :

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

Mécanisme d'action :

Cette fonction crée un élément HTML stocké dans le 'tmp' variable. En définissant sa propriété « innerHTML » sur l'entrée « html », l'élément analyse efficacement le code HTML. Par la suite, la récupération des propriétés « textContent » ou « innerText » produit la chaîne avec les balises HTML supprimées.

Remarque :

Il est important de faire preuve de prudence lors de la manipulation du HTML à partir de sources non fiables, telles que les entrées des utilisateurs. Dans de tels scénarios, il pourrait être conseillé d'envisager des stratégies alternatives, comme la réponse de Saba utilisant « DOMParser ».

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn