Această postare vă va arăta modalitatea corectă de decodare a șirurilor cu entități HTML speciale.
Care este modalitatea corectă de a decoda un șir care conține entități HTML speciale?
Pentru a decoda un șir care conține entități HTML speciale, utilizați următoarele metode:
Metoda 1: Decodați un șir care conține entități HTML speciale folosind elementul „textarea”.
Utilizați codul HTML „ ” element pentru decodarea unui șir care conține entități HTML speciale. Este nevoie de un șir cu entități HTML speciale, folosind „ innerHTML ” proprietate. Browserul decodifică automat entitățile din zona de text și oferă text simplu simplu. Pentru a prelua șirul decodat, utilizați „ valoare ” proprietate.
Exemplu
Creați o variabilă „ encodedString ” care stochează un șir care conține entități HTML speciale în el:
const encodedString = „<div>Bine ați venit la Linuxhint!</div>” ;
Tipăriți șirul codificat pe consolă:
consolă. Buturuga ( „Șir codificat:” + encodedString ) ;Creați un element HTML „ zona textului ' folosind ' createElement() ” metoda:
const zona textului = document. createElement ( 'textarea' ) ;
Treceți șirul codificat în zona de text folosind „ innerHTML ” proprietate:
zona textului. innerHTML = encodedString ;Acum, obțineți șirul decodat folosind „ valoare ” atributul zonei de text și stocați-l într-o variabilă ” decodedString ”:
const decodedString = zona textului. valoare ;În cele din urmă, afișați șirul decodat pe consolă folosind butonul „ console.log() ” metoda:
consolă. Buturuga ( „Șir decodificat:” + decodedString ) ;Rezultatul indică faptul că șirul care conține entități HTML speciale a fost decodat cu succes:
Abordarea de mai sus este simplă și clară și este potrivită pentru scenarii simple. Dacă încercați să gestionați structuri HTML complexe, va eșua. Deci, pentru asta, utilizați metoda „parseFromString()”.
Metoda 2: Decodați un șir care conține entități HTML speciale folosind metoda „parseFromString()”
O altă modalitate de a decoda un șir cu entități HTML speciale este „ parseFromString() ” metoda. Este o metodă pre-construită a „ DOMParser ' obiect. Vă ajută să analizați un șir XML sau HTML și apoi să creați un nou obiect de document DOM din acesta.
Exemplu
Mai întâi, creați un nou obiect al „ DOMParser ' folosind ' nou ” cuvânt cheie:
const analizator = nou DOMParser ( ) ;Suna ' parseFromString() ” și treceți parametrii ” șir codificat ” ca structură HTML complexă și „ text/html ”. Spune metodei să trateze șirul codificat ca HTML. Folosește ' textContent ” proprietatea elementului body pentru a obține șirul decodat:
const decodedString = analizator. parseFromString ( ` doctype html >< corp > $ { encodedString } ` , „text/html” ) . corp . textContent ;Tipăriți șirul decodat pe consolă:
consolă. Buturuga ( „Șir decodificat:” + decodedString ) ;Ieșire
Am furnizat toate instrucțiunile esențiale relevante pentru decodarea unui șir cu entități HTML speciale.
Concluzie
Pentru a decoda un șir care conține entități HTML speciale, utilizați elementul HTML „ zona textului ' sau
„ parseFromString() ” metoda “ DOMParser ' obiect. Abordarea