Lors de la programmation en JavaScript, nous voulons souvent écrire des codes complexes où il est très susceptible d'ajouter un «html”Tag dans une valeur de chaîne en cas de titres ou de paragraphes à tort. Par exemple, l'étiquette de fin d'un élément HTML ou corps doit être dépouillée si l'élément HTML ou corps n'est pas suivi d'un commentaire. Je ne sais pas comment éliminer les balises HTML à partir d'une chaîne particulière? Pas de soucis!

Ce manuel discutera des méthodes pour éliminer les balises HTML à partir d'une chaîne spécifique en javascript.

Comment dépouiller les balises HTML d'une chaîne en javascript?

Pour éliminer les balises HTML en utilisant JavaScript, les approches suivantes peuvent être utilisées:

• Méthode "remplaceAll ()"
• Propriété «Contenu du texte»
• Interface «Dompaser»
• Package «String-Strup-HTML»

Passer par les méthodes mentionnées une par une!

Méthode 1: Strip html balises de la chaîne en javascrip

Le "remplace tout()»La méthode renvoie une nouvelle chaîne lorsque tous les modèles correspondants sont remplacés par le remplacement spécifié. Cette méthode peut être implémentée pour remplacer toutes les balises HTML dans une chaîne avec la chaîne vide.

Syntaxe

Rempaceall (modèle, remplacement)

Dans la syntaxe donnée, "modèle»Fait référence à la chaîne ou à un objet, et«remplacement«Peut être une fonction ou une chaîne.

L'exemple ci-dessous explique clairement le concept.

Exemple

Dans l'exemple suivant, incluez une valeur de chaîne comprenant des balises HTML placées dans le «

»Tag et affiche la valeur de chaîne non dépassée:

Valeur de la chaîne: Laissez non dépassée = "

Bande Mots clés

"
console.Journal ("Tags HTML non dépassés:", non dépassé)

Maintenant, appliquez le «remplace tout()”Méthode pour remplacer les balises HTML par une chaîne vide spécifiée comme« ». Le «gi» recherchera ici toutes les occurrences de l'expression régulière dans la chaîne fournie, et le «Opérateur Regex«Ra commencera à rechercher des valeurs à partir de «/» et à la fin à «/» respectivement:

Soit remplacer = non dépassé.RempaceALL (/] + (> | $) / gi, "");

Enfin, affichez la valeur de chaîne correspondante sans aucune balise HTML:

console.Log ("Tags HTML dépouillés:", remplacer);

La sortie correspondante sera la suivante:

Méthode 2: Dépuisez les balises HTML à partir d'une chaîne en javascript à l'aide de la propriété de contenu texte

Le "continent textuel»La propriété définit le contenu texte de l'élément spécifié. Cette méthode peut être utilisée pour retourner les éléments de texte de la chaîne HTML donnée.

Exemple

Tout d'abord, stockez une valeur de chaîne non dépassée et affichez-la comme discuté dans la méthode précédente.

Laissez non dépouillé = "

Html Éléments

"
console.Journal ("Tags HTML non dépassés:", non dépassé)

Ensuite, créez un élément nommé «div" en utilisant le "document.CreateElement ()”Méthode et affectez l'élément créé une valeur de chaîne comprenant les balises HTML:

Laissez div = documenter.CreateElement ("div");
div.innerHtml = non dépassé;

Maintenant, appliquez la propriété TextContent pour inclure du texte dans le «" élément. Si la chaîne contient des éléments, cette méthode avec TextContent renvoie son contenu et éliminera les balises HTML en utilisant ”” dans une chaîne vide et en le enregistrant sur la console:

Soit Text = div.TextContent || div.InnerText || "";
console.Log ("Tags HTML dépouillés:", texte);

Sortir

Méthode 3: Strez les balises HTML à partir d'une chaîne en JavaScript à l'aide de l'interface DompaSer

Le "Robeur»L'interface donne la fonctionnalité pour analyser le code source HTML de la valeur de chaîne spécifiée dans un DOM. Cette technique peut être implémentée en analysant un code HTML de telle manière que lorsqu'une chaîne contenant du code HTML lui est transmise comme un argument, les balises HTML peuvent être dépouillées avec le Dompaser et son "parsefromString ()" méthode.

Syntaxe

Robeur.ParsefromString (non dépassé)

Ici, "parsefromString ()"La méthode supprime les balises HTML de la chaîne"sans réserve".

Exemple

Tout d'abord, créez une fonction nommée «striptags ()" avec "html"Comme son argument.

Ensuite, appliquez la méthode parsefromString () pour supprimer les balises HTML de la variable spécifiée nommée «sans réserve«Se référant à la valeur de chaîne non dépêchée contenue et renvoie son contenu texte à l'aide du«continent textuel" propriété:

fonction striptags (html)
const parsehtml = new DOMPARSER ().parsefromString (non départé, 'text / html');
Retour Parsehtml.corps.TextContent || "

Maintenant, créez une valeur de chaîne à éliminer et affichez les valeurs non déportées et dépouillées sur la console et comparez-les:

Laissez non dépouillé = "

Java et Javascrip

"
console.Journal ("Tags HTML non dépassés:", non dépassé)
console.Log ("Tags HTML dépouillés:", striptags (non dépris));

Sortir

Méthode 4: Strip HTML Tags à partir d'une chaîne en JavaScript à l'aide du package String-strip-html

Le package «string-strip-html» est appliqué pour éliminer le HTML à partir d'une chaîne particulière et fournit une méthode «stringstriphtml ()» qui transporte un HTML comme entrée. Cette méthode peut être implémentée de telle manière que si la chaîne particulière inclut l'élément «», String-strip-html () le supprimera avec son contenu.

Exemple

Dans la première étape, incluez un package String-strip-html dans le «" étiqueter:

Maintenant, incluez une valeur de chaîne et référez-la à la valeur de chaîne contenant l'élément «». Cela entraînera la suppression des balises HTML à partir de la valeur de chaîne fournie:

const striphtml = stringstriphtml;
Laissez htmlWithScriptEllement = 'alert ("html tags");<\/script>';;
Laissez non dépassée = '

Html Mots clés $ htmlWithScriptEllement

';;

Enfin, enregistrez les valeurs non départies et dépouillées et comparez les valeurs de chaîne résultantes dans les deux scénarios:

console.Journal ("Tags HTML non dépassés:", non dépassé)
console.Log ("Tags HTML dépouillés:", StripHtml (non dépassé).résultat);

Sortir

Nous avons discuté de toutes les méthodes les plus faciles pour dépouiller les balises HTML de String in JavaScript.

Conclusion

Pour éliminer les balises HTML de la chaîne en javascript, appliquez le «remplace tout()”Méthode pour remplacer toutes les balises HTML par une chaîne vide, le"Contenu texte”Propriété pour retourner les éléments de texte de la chaîne HTML spécifique, le«Robeur”Interface pour analyser les balises HTML à partir de la chaîne ou du«String-strip-html”Package pour inclure un package et passer une chaîne HTML à la méthode intégrée. Ce manuel a guidé les méthodes pour dépouiller les balises HTML de String in JavaScript.