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
Libérer: 2024-12-24 00:44:18
original
492 Les gens l'ont consulté

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 || "";
}
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal