Как преобразовать строку в HTML элемент? JavaScript

Опубликовано: 29 Март 2026
на канале: Ефим Рябов
1,071
18

Из строки мы делаем HTML-элемент DOM при помощи JavaScript. Мы создаём новый узел документа. Преобразование типа данных string. Выводим новый элемент на текущую страницу. Статья: https://efim360.ru/javascript-kak-pre...

00:00 Как мы получили нужную строку с разметкой под HTML
00:22 Дополнительный метод link() для объектов-прототипов String
01:00 Задача преобразования строки в HTML-элемент
01:27 Стандарт - DOM Parsing and Serialization
01:49 Интерфейс DOMParser
02:11 Метод parseFromString(str, type)
02:49 Что возвращает конструктор DOMParser()?
03:15 Создание переменной newDoc для нового документа из DOMParser()
04:38 Достаём из newDoc элемент ссылки, складываем в newElement
05:12 Метод getElementsByTagName()
05:45 Что в newElement?
06:11 Что теперь можно делать с newElement?
07:05 Вывод newElement в разметку текущей страницы. Метод prepend()
08:03 Проверка преобразования строки в HTML-элемент. Появление ссылки на странице.
08:30 Клик по ссылке!

Стандарт "DOM Parsing and Serialization" - https://www.w3.org/TR/DOM-Parsing/
Интерфейс "DOMParser" - https://www.w3.org/TR/DOM-Parsing/#th...
Метод "parseFromString()" - https://www.w3.org/TR/DOM-Parsing/#wi...

Благодарю за просмотр!
Вы можете поддержать канал монеткой - Номер карты - 4276 5500 2378 3189
Ваша материальная поддержка придаст мне больше мотивации на создание нового материала.