Этот пост расскажет вам, как правильно декодировать строки со специальными объектами 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парсер ' объект. Подход