Hvad er den rigtige måde at afkode en streng, der har specielle HTML-enheder i sig?

Hvad Er Den Rigtige Made At Afkode En Streng Der Har Specielle Html Enheder I Sig



Mens du arbejder med HTML, er det muligt at støde på specialtegn eller symboler, der er blevet kodet ved hjælp af HTML-enheder. Disse enheder begynder med et og-tegn ' & ' og afsluttes med semikolon ' ; ', såsom ' < ” som angiver symbolet ” < ”. Det er vigtigt at udelukke specielle HTML-elementer/enheder fra en streng for at verificere, at den endelige streng er sikker at bruge og ikke indeholder nogen ulovlig kode, som browseren kan udføre.

Dette indlæg vil fortælle dig den rigtige måde at afkode strenge med specielle HTML-enheder.

Hvad er den rigtige måde at afkode en streng, der har specielle HTML-enheder i sig?

For at afkode en streng, der indeholder specielle HTML-enheder i den, skal du bruge følgende metoder:





Metode 1: Afkode en streng, der har specielle HTML-enheder i den ved hjælp af 'textarea'-element

Brug HTML ' ” element til afkodning af en streng, der indeholder specielle HTML-enheder. Det kræver en streng med specielle HTML-enheder ved at bruge ' indreHTML ” ejendom. Browseren afkoder automatisk entiteterne i tekstområdet og giver den simple almindelige tekst. For at hente den afkodede streng, brug ' værdi ” ejendom.



Eksempel



Opret en variabel ' encodedString ', der gemmer en streng, der indeholder specielle HTML-enheder i den:



konst encodedString = '<div>Velkommen til Linuxhint!</div>' ;

Udskriv den kodede streng på konsollen:

konsol. log ( 'Kodet streng: ' + encodedString ) ;

Opret et HTML-element ' tekstområde ' bruger ' createElement() ” metode:



konst tekstområde = dokument. skabeElement ( 'tekstområde' ) ;

Send den kodede streng til tekstområdet ved hjælp af ' indreHTML ” ejendom:

tekstområde. indreHTML = encodedString ;

Få nu den afkodede streng ved at bruge ' værdi ' attribut for tekstområdet og gem det i en variabel ' afkodet streng ”:

konst afkodet streng = tekstområde. værdi ;

Til sidst skal du vise den afkodede streng på konsollen ved hjælp af ' console.log() ” metode:

konsol. log ( 'Afkodet streng: ' + afkodet streng ) ;

Outputtet indikerer, at strengen, der indeholder specielle HTML-enheder, er blevet afkodet:

Ovenstående tilgang er enkel og klar, og den er velegnet til simple scenarier. Hvis du forsøger at håndtere komplekse HTML-strukturer, vil det mislykkes. Så brug metoden 'parseFromString()' til det.

Metode 2: Afkode en streng, der har specielle HTML-enheder i sig ved hjælp af 'parseFromString()'-metoden

En anden måde at afkode en streng med specielle HTML-enheder er ' parseFromString() ” metode. Det er en forudbygget metode til ' DOMParser ” objekt. Det hjælper at parse en XML- eller HTML-streng og derefter oprette et nyt DOM-dokumentobjekt ud fra det.

Eksempel

Først skal du oprette et nyt objekt af ' DOMParser ' bruger ' ny ' søgeord:

konst parser = ny DOMParser ( ) ;

Ring til ' parseFromString() ' metode og videregive parametrene ' kodet streng ' som en kompleks HTML-struktur, og ' tekst/html ”. Det fortæller metoden til at behandle den kodede streng som HTML. Brug ' tekstindhold ” egenskab for body-elementet for at få den afkodede streng:

konst afkodet streng = parser. parseFromString ( ` doctype html >< legeme > $ { encodedString } ` , 'tekst/html' ) . legeme . tekstindhold ;

Udskriv den afkodede streng på konsollen:

konsol. log ( 'Afkodet streng: ' + afkodet streng ) ;

Produktion

Vi har givet alle de væsentlige instruktioner, der er relevante for afkodning af en streng med specielle HTML-enheder.

Konklusion

Til afkodning af en streng, der indeholder specielle HTML-enheder i den, skal du bruge HTML-elementet ' tekstområde ' eller den

“ parseFromString() 'metoden af ​​' DOMParser ” objekt.