Mens vi programmerer i JavaScript, ønsker vi ofte å skrive komplekse koder der det veldig sannsynlig vil legge til en "html”Tag i en strengverdi i tilfelle overskrifter eller avsnitt feilaktig. For eksempel bør sluttkoden til et HTML eller kroppselement strippes hvis HTML eller kroppselementet ikke blir fulgt av en kommentar. Vet ikke hvordan du kan strippe HTML -taggene fra en bestemt streng? Ingen bekymringer!

Denne håndboken vil diskutere metodene for å strippe HTML -kodene fra en spesifikk streng i JavaScript.

Hvordan strippe HTML -tagger fra en streng i JavaScript?

For å strippe HTML -tagger ved hjelp av JavaScript, kan følgende tilnærminger brukes:

• “Erstatnings ()” -metode
• “Tekstinnhold” -egenskap
• “DomParser” -grensesnitt
• “String-strip-html” -pakke

Gå gjennom de nevnte metodene en etter en!

Metode 1: Strip HTML -tagger fra streng i JavaScript ved bruk av erstatningsmetode

“erstatning ()”Metode returnerer en ny streng når alle de matchede mønstrene blir erstattet av den spesifiserte erstatningen. Denne metoden kan implementeres for å erstatte alle HTML -taggene i en streng med den tomme strengen.

Syntaks

erstatning (mønster, erstatning)

I den gitte syntaksen, “mønster”Henviser til strengen eller et objekt, og“erstatning”Kan være en funksjon eller en streng.

Eksemplet nedenfor forklarer konseptet tydelig.

Eksempel

I det følgende eksemplet inkluderer en strengverdi inkludert HTML -tagger plassert i "

”Merk og vis den ustrippede strengverdien:

Strengverdi: La untrapped = "

Stripe Tagger

";
konsoll.Logg ("Unstripped HTML -tagger:", Unstripped)

Nå, bruk “erstatning ()”Metode for å erstatte HTML -taggene med tom streng spesifisert som” ”. "GI" her vil søke etter alle forekomster av det vanlige uttrykket i den medfølgende strengen, og "Regex -operatør”Begynner å søke etter verdier som starter fra henholdsvis“/”og slutter på henholdsvis“/”:

La erstatte = untrapped.erstatning (/]+(> | $)/gi, "");

Til slutt, vis den tilsvarende strengverdien uten noen HTML -tagger:

konsoll.Logg ("Strippet HTML -tagger:", erstatt);

Den tilsvarende utgangen vil være som følger:

Metode 2: Strip HTML -kodene fra en streng i JavaScript ved hjelp av tekstinnholdsegenskap

“Tekstkonkurranse”Egenskaper angir tekstinnholdet i det spesifiserte elementet. Denne metoden kan brukes til å returnere tekstelementene fra den gitte HTML -strengen.

Eksempel

Først må du lagre en ustrippet strengverdi og vise den som diskutert i forrige metode.

La untstripped = "

Html Elementer

";
konsoll.Logg ("Unstripped HTML -tagger:", Unstripped)

Deretter lager du et element som heter “div" bruker "dokument.CreateElement ()”Metode og tilordne det opprettede elementet en strengverdi inkludert HTML -taggene:

La Div = dokument.CreateElement ("Div");
div.InnerHTML = Untrapped;

Bruk nå tekstinnholdsegenskapen for å inkludere tekst i "”Element. Hvis strengen inneholder elementer, vil denne metoden med TextContent returnere innholdet og fjerne HTML -kodene ved å bruke ”” til en tom streng og logge den på konsollen:

La tekst = div.TEXTCONTENT || div.Innertekst || "";
konsoll.Logg ("Strippet HTML -tagger:", tekst);

Produksjon

Metode 3: Strip HTML -kodene fra en streng i JavaScript ved hjelp av DomParser -grensesnittet

“DOMPARSER”Grensesnitt gir funksjonaliteten til å analysere HTML -kildekode fra den spesifiserte strengverdien til en DOM. Denne teknikken kan implementeres ved å analysere en HTML -kode på en slik måte at når en streng som inneholder HTML -kode sendes til den som et argument, kan HTML -kodene strippes med DomParser og dens “ParsefromString ()”Metode.

Syntaks

DOMPARSER.ParsefromString (untripped)

Her, “ParsefromString ()”Metode fjerner HTML -kodene fra strengen”untrapped”.

Eksempel

For det første, lage en funksjon som heter “Striptags ()”Med“html”Som argument.

Deretter bruker du parsefromString () -metoden for å fjerne HTML -kodene fra den spesifiserte variabelen som heter “untrapped”Med henvisning til den inneholdte ustrippede strengverdien og returnerer tekstinnholdet ved å bruke“Tekstkonkurranse”Eiendom:

funksjon Striptags (html)
const Parsehtml = new DomParser ().parsefromString (unstreded, 'text/html');
Returner Parsehtml.kropp.TEXTCONTENT || ";

Lag nå en strengverdi som skal strippes og vis de ustrippede og strippede verdiene på konsollen og sammenligne dem:

La untstripped = "

Java og JavaScript

";
konsoll.Logg ("Unstripped HTML -tagger:", Unstripped)
konsoll.Logg ("Strippet HTML -tagger:", Striptags (unstripped));

Produksjon

Metode 4: Strip HTML-tagger fra en streng i JavaScript ved hjelp av String-Strip-HTML-pakke

"String-Strip-HTML" -pakken brukes på strip HTML fra en bestemt streng og gir en "StringStriphtml ()" -metode som bærer en HTML som en inngang. Denne metoden kan implementeres på en slik måte at hvis den aktuelle strengen inkluderer "" elementet, vil strengstrip-HTML () fjerne det sammen med innholdet.

Eksempel

I det første trinnet, ta med en streng-strip-HTML-pakke i "" stikkord:

Inkluder nå en strengverdi og henvis den til strengverdien som inneholder "" elementet. Dette vil resultere i å fjerne HTML -kodene fra den medfølgende strengverdien:

const striphtml = stringstriphtml;
La HTMLWithScriptElement = 'Alert ("HTML TAGS");<\/script>';
La untrapped = '

Html Tagger $ htmlWithScriptElement

';

Til slutt, logg de ustrakte og strippede verdiene og sammenlign de resulterende strengverdiene i begge scenariene:

konsoll.Logg ("Unstripped HTML -tagger:", Unstripped)
konsoll.Logg ("Strippet HTML -tagger:", Striphtml (unstredet).resultat);

Produksjon

Vi har diskutert alle de enkleste metodene for å strippe HTML -tagger fra streng i JavaScript.

Konklusjon

For å strippe HTML -tagger fra strengen i JavaScript, bruk "erstatning ()”Metode for å erstatte alle HTML -kodene med en tom streng,“Tekstinnhold”Eiendom for å returnere tekstelementene fra den spesifikke HTML -strengen,“DOMPARSER”Grensesnitt for å analysere HTML -kodene fra strengen eller“String-strip-html”Pakke for å inkludere en pakke og sende en HTML-streng til den innebygde metoden. Denne håndboken guidet om metodene for å strippe HTML -tagger fra streng i JavaScript.