Тази публикация ще ви информира за правилния начин за декодиране на низове със специални HTML обекти.
Какъв е правилният начин за декодиране на низ, който има специални HTML обекти в него?
За да декодирате низ, който съдържа специални HTML обекти в него, използвайте следните методи:
Метод 1: Декодирайте низ, който има специални HTML обекти в него, като използвате елемента „textarea“
Използвайте HTML „ ” елемент за декодиране на низ, който съдържа специални HTML обекти. Необходим е низ със специални HTML обекти, използвайки „ innerHTML ' Имот. Браузърът автоматично декодира обектите в текстовото поле и дава обикновен обикновен текст. За извличане на декодирания низ използвайте „ стойност ' Имот.
Пример
Създайте променлива ' encodedString ”, който съхранява низ, съдържащ специални HTML обекти в него:
конст encodedString = '<div>Добре дошли в Linuxhint!</div>' ;
Отпечатайте кодирания низ на конзолата:
конзола. дневник ( 'Кодиран низ: ' + encodedString ) ;Създайте HTML елемент “ текстово поле ' използвайки ' createElement() ” метод:
конст текстово поле = документ. createElement ( 'текстово поле' ) ;
Предайте кодирания низ към текстовото поле, като използвате „ innerHTML ' Имот:
текстово поле. innerHTML = encodedString ;Сега вземете декодирания низ, като използвате „ стойност ” атрибут на текстовото поле и го съхранява в променлива “ decodedString ”:
конст decodedString = текстово поле. стойност ;Накрая покажете декодирания низ на конзолата, като използвате „ console.log() ” метод:
конзола. дневник ( 'Декодиран низ: ' + decodedString ) ;Резултатът показва, че низът, съдържащ специални HTML обекти, е декодиран успешно:
Горният подход е прост и ясен и е подходящ за прости сценарии. Ако се опитате да обработвате сложни HTML структури, това ще се провали. Така че за това използвайте метода “parseFromString()”.
Метод 2: Декодирайте низ, който има специални HTML обекти в него, като използвате метода „parseFromString()“
Друг начин за декодиране на низ със специални HTML обекти е „ parseFromString() ” метод. Това е предварително изграден метод на „ DOMParser ” обект. Помага да се анализира XML или HTML низ и след това да се създаде нов обект на DOM документ от него.
Пример
Първо създайте нов обект на „ DOMParser ' използвайки ' нов ” ключова дума:
конст анализатор = нов DOMParser ( ) ;Обадете се на „ parseFromString() ' метод и предайте параметрите ' кодиран низ ” като сложна HTML структура и „ текст/html ”. Той казва на метода да третира кодирания низ като HTML. Използвай ' textContent ” свойство на елемента body за получаване на декодирания низ:
конст decodedString = анализатор. parseFromString ( ` doctype html >< тяло > $ { encodedString } ` , 'текст/html' ) . тяло . textContent ;Отпечатайте декодирания низ на конзолата:
конзола. дневник ( 'Декодиран низ: ' + decodedString ) ;Изход
Предоставихме всички основни инструкции, свързани с декодирането на низ със специални HTML обекти.
Заключение
За декодиране на низ, който съдържа специални HTML обекти в него, използвайте HTML елемента ' текстово поле ' или
“ parseFromString() ' метод на ' DOMParser ” обект. Подходът