Hva er den riktige måten å dekode en streng som har spesielle HTML-enheter i seg?

Hva Er Den Riktige Maten A Dekode En Streng Som Har Spesielle Html Enheter I Seg



Mens du arbeider med HTML, er det mulig å støte på spesialtegn eller symboler som er kodet ved hjelp av HTML-enheter. Disse enhetene begynner med et og-tegnet ' & ' og avsluttes med semikolon ' ; ', som for eksempel ' < ' som indikerer symbolet ' < '. Det er viktig å ekskludere spesielle HTML-elementer/entiteter fra en streng for å bekrefte at den endelige strengen er trygg å bruke og ikke inneholder ulovlig kode som nettleseren kan kjøre.

Dette innlegget vil fortelle deg den riktige måten for dekoding av strenger med spesielle HTML-enheter.

Hva er den riktige måten å dekode en streng som har spesielle HTML-enheter i seg?

For å dekode en streng som inneholder spesielle HTML-enheter, bruk følgende metoder:





Metode 1: Dekod en streng som har spesielle HTML-enheter ved å bruke 'textarea'-elementet

Bruk HTML ' ” element for å dekode en streng som inneholder spesielle HTML-enheter. Det tar en streng med spesielle HTML-enheter ved å bruke ' indreHTML ' eiendom. Nettleseren dekoder automatisk enhetene i tekstområdet og gir enkel ren tekst. For å hente den dekodede strengen, bruk ' verdi ' eiendom.



Eksempel



Lag en variabel ' encodedString ' som lagrer en streng som inneholder spesielle HTML-enheter:



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

Skriv ut den kodede strengen på konsollen:

konsoll. Logg ( 'Kodet streng: ' + encodedString ) ;

Lag et HTML-element ' tekstområde ' bruker ' createElement() ' metode:



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

Send den kodede strengen til tekstområdet ved å bruke ' indreHTML ' eiendom:

tekstområde. indreHTML = encodedString ;

Nå, få den dekodede strengen ved å bruke ' verdi ' attributt for tekstområdet og lagre det i en variabel ' dekodet streng ':

konst dekodet streng = tekstområde. verdi ;

Til slutt, vis den dekodede strengen på konsollen ved å bruke ' console.log() ' metode:

konsoll. Logg ( 'Dekodet streng: ' + dekodet streng ) ;

Utdataene indikerer at strengen som inneholder spesielle HTML-enheter har blitt dekodet:

Tilnærmingen ovenfor er enkel og oversiktlig, og den egner seg for enkle scenarier. Hvis du prøver å håndtere komplekse HTML-strukturer, vil det mislykkes. Så for det, bruk 'parseFromString()'-metoden.

Metode 2: Dekode en streng som har spesielle HTML-enheter ved å bruke 'parseFromString()'-metoden

En annen måte å dekode en streng med spesielle HTML-enheter er ' parseFromString() 'metoden. Det er en forhåndsbygd metode for ' DOMParser ' objekt. Det hjelper å analysere en XML- eller HTML-streng og deretter lage et nytt DOM-dokumentobjekt fra den.

Eksempel

Først oppretter du et nytt objekt av ' DOMParser ' bruker ' ny ' nøkkelord:

konst parser = ny DOMParser ( ) ;

Ring ' parseFromString() '-metoden og send parametrene ' kodet streng ' som en kompleks HTML-struktur, og ' tekst/html '. Den forteller metoden for å behandle den kodede strengen som HTML. Bruke ' textContent ” egenskapen til body-elementet for å få den dekodede strengen:

konst dekodet streng = parser. parseFromString ( ` doctype html >< kropp > $ { encodedString } ` , 'tekst/html' ) . kropp . textContent ;

Skriv ut den dekodede strengen på konsollen:

konsoll. Logg ( 'Dekodet streng: ' + dekodet streng ) ;

Produksjon

Vi har gitt alle viktige instruksjoner som er relevante for å dekode en streng med spesielle HTML-enheter.

Konklusjon

For å dekode en streng som inneholder spesielle HTML-enheter i den, bruk HTML-elementet ' tekstområde ' eller

' parseFromString() ' metoden for ' DOMParser ' objekt.