Tento příspěvek vám ukáže správný způsob dekódování řetězců pomocí speciálních entit HTML.
Jaký je správný způsob dekódování řetězce, který obsahuje speciální entity HTML?
Chcete-li dekódovat řetězec, který obsahuje speciální entity HTML, použijte následující metody:
Metoda 1: Dekódování řetězce, který obsahuje speciální entity HTML, pomocí prvku „textarea“.
Použijte HTML ' ” element pro dekódování řetězce, který obsahuje speciální HTML entity. Vyžaduje řetězec se speciálními entitami HTML pomocí „ vnitřní HTML ' vlastnictví. Prohlížeč automaticky dekóduje entity v textové oblasti a poskytuje jednoduchý prostý text. Pro načtení dekódovaného řetězce použijte „ hodnota ' vlastnictví.
Příklad
Vytvořte proměnnou ' encodedString ” který ukládá řetězec obsahující speciální HTML entity:
konst encodedString = '<div>Vítejte v Linuxhintu!</div>' ;
Vytiskněte zakódovaný řetězec na konzoli:
řídicí panel. log ( 'Kódovaný řetězec: ' + encodedString ) ;Vytvořte prvek HTML ' textarea ' za použití ' createElement() “ metoda:
konst textarea = dokument. createElement ( 'textarea' ) ;
Předejte zakódovaný řetězec do textové oblasti pomocí „ vnitřní HTML ' vlastnictví:
textarea. vnitřní HTML = encodedString ;Nyní získejte dekódovaný řetězec pomocí „ hodnota ” atribut textarea a uložte jej do proměnné “ decodedString “:
konst decodedString = textarea. hodnota ;Nakonec zobrazte dekódovaný řetězec na konzole pomocí „ console.log() “ metoda:
řídicí panel. log ( 'Dekódovaný řetězec:' + decodedString ) ;Výstup indikuje, že řetězec obsahující speciální entity HTML byl úspěšně dekódován:
Výše uvedený přístup je jednoduchý a jasný a je vhodný pro jednoduché scénáře. Pokud se pokusíte zvládnout složité struktury HTML, selže. Za tímto účelem použijte metodu „parseFromString()“.
Metoda 2: Dekódování řetězce, který obsahuje speciální entity HTML pomocí metody „parseFromString()“
Dalším způsobem, jak dekódovat řetězec pomocí speciálních HTML entit, je „ parseFromString() “ metoda. Je to předem vytvořená metoda „ DOMParser “objekt. Pomáhá analyzovat řetězec XML nebo HTML a poté z něj vytvořit nový objekt dokumentu DOM.
Příklad
Nejprve vytvořte nový objekt „ DOMParser ' za použití ' Nový klíčové slovo:
konst analyzátor = Nový DOMParser ( ) ;Zavolej ' parseFromString() “ metoda a předejte parametry “ zakódovaný řetězec jako složitou strukturu HTML a text/html “. Říká metodě, aby zacházela se zakódovaným řetězcem jako s HTML. Použijte „ textObsah ” vlastnost prvku body pro získání dekódovaného řetězce:
konst decodedString = analyzátor. parseFromString ( ' doctype html < tělo > $ { encodedString } ' , 'text/html' ) . tělo . textObsah ;Vytiskněte dekódovaný řetězec na konzoli:
řídicí panel. log ( 'Dekódovaný řetězec:' + decodedString ) ;Výstup
Poskytli jsme všechny základní pokyny týkající se dekódování řetězce pomocí speciálních entit HTML.
Závěr
Pro dekódování řetězce, který obsahuje speciální HTML entity, použijte HTML element “ textarea ' nebo
“ parseFromString() “ metoda “ DOMParser “objekt. Přístup