Как правильно декодировать строку, содержащую специальные объекты HTML?

Kak Pravil No Dekodirovat Stroku Soderzasuu Special Nye Ob Ekty Html



При работе с HTML можно столкнуться со специальными символами или символами, закодированными с помощью объектов HTML. Эти сущности начинаются с амперсанда « & ' и заканчиваться точкой с запятой ' ; ', такой как ' < », что указывает на символ « < ». Важно исключить из строки специальные элементы/сущности HTML, чтобы убедиться, что окончательная строка безопасна для использования и не содержит недопустимого кода, который может выполнить браузер.

Этот пост расскажет вам, как правильно декодировать строки со специальными объектами HTML.

Как правильно декодировать строку, содержащую специальные объекты HTML?

Чтобы декодировать строку, содержащую специальные объекты HTML, используйте следующие методы:





Способ 1: декодировать строку, содержащую специальные объекты HTML, используя элемент «textarea»

Используйте HTML « <текстовое поле> ” для декодирования строки, содержащей специальные объекты HTML. Он принимает строку со специальными объектами HTML, используя « внутреннийHTML ' свойство. Браузер автоматически декодирует объекты в текстовой области и выдает простой текст. Для получения декодированной строки используйте « ценить ' свойство.



Пример



Создайте переменную ' закодированная строка », который хранит строку, содержащую специальные сущности HTML:



константа закодированная строка '=' '<div>Добро пожаловать в Linuxhint!</div>' ;

Выведите закодированную строку в консоль:

консоль. бревно ( 'Закодированная строка: ' + закодированная строка ) ;

Создайте элемент HTML ' текстовая область ' используя ' создатьЭлемент() метод:



константа текстовая область '=' документ. создатьЭлемент ( 'текстовое поле' ) ;

Передайте закодированную строку в текстовую область, используя « внутреннийHTML ' свойство:

текстовая область. внутреннийHTML '=' закодированная строка ;

Теперь получите декодированную строку, используя « ценить ' атрибут textarea и сохраните его в переменной ' декодированная строка ”:

константа декодированная строка '=' текстовая область. ценить ;

Наконец, отобразите декодированную строку на консоли, используя « console.log() метод:

консоль. бревно ( 'Расшифрованная строка:' + декодированная строка ) ;

Вывод показывает, что строка, содержащая специальные объекты HTML, была успешно декодирована:

Описанный выше подход прост и понятен и подходит для простых сценариев. Если вы попытаетесь обработать сложные HTML-структуры, это не удастся. Итак, для этого используйте метод «parseFromString()».

Способ 2: декодировать строку, содержащую специальные объекты HTML, используя метод «parseFromString()»

Еще один способ декодировать строку со специальными объектами HTML — это « синтаксический анализ из строки () метод. Это предварительно созданный метод « DOMпарсер ' объект. Это помогает анализировать строку XML или HTML, а затем создавать из нее новый объект документа DOM.

Пример

Сначала создайте новый объект « DOMпарсер ' используя ' новый ключевое слово:

константа парсер '=' новый DOMпарсер ( ) ;

Позвоните в « синтаксический анализ из строки () ' и передать параметры ' закодированная строка ' как сложную структуру HTML, и ' текст/html ». Он указывает методу обрабатывать закодированную строку как HTML. Использовать ' textContent ” элемента body, чтобы получить декодированную строку:

константа декодированная строка '=' парсер. синтаксический анализ от строки ( ` тип документа HTML >< тело > $ { закодированная строка } ` , 'текст/html' ) . тело . textContent ;

Выведите декодированную строку на консоль:

консоль. бревно ( 'Расшифрованная строка:' + декодированная строка ) ;

Выход

Мы предоставили все необходимые инструкции, относящиеся к декодированию строки со специальными объектами HTML.

Заключение

Для декодирования строки, содержащей специальные объекты HTML, используйте элемент HTML « текстовая область ' или

“ синтаксический анализ из строки () метод « DOMпарсер ' объект. Подход