Создаем элементы в JS с помощью createElement. Методы append, before, after, prepend

Опубликовано: 09 Ноябрь 2024
на канале: WebDev с нуля. Канал Алекса Лущенко

2,453

137

iTGid.info - курсы Алекса Лущенко
🪬 Курс JavaScript 24 : https://itgid.info/ru/course/js24

🫶 Поблагодарить автора - монобанк: 5375414126666006 Лущенко О
🍹 Задонатить - https://www.buymeacoffee.com/itgid

✈️ Задать вопрос через телеграм: https://telegram.me/itgid_admin

Курсы автора:
ReactJS: https://itgid.info/ru/course/reactjs
Методы массивов: https://itgid.info/ru/course/arraymethod

Канал ru: / itgid
Канал UA: / @itgidua-web7836

00:00 обзор спринта
01:00 создание элементов через innerHTML
02:20 создание элементов через createElement
04:40 добавление элементов через append на страницу
09:50 метод after() для добавлени элементов
10:20 метод before() для добавление элементов
11:20 метод prepend() для добавления элементов
12:00 создаем изображение через createElement
15:50 создаем input через createElement
19:00 добавление события на созданный элемент

Учимся создавать элементы HTML с помощью JavaScript и добавлять в DOM. Создаем параграф, див, изображение, input, добавляем классы, атрибуты, текст. Вставляем элементы на страницу с помощью методов after, before, prepend, append. Изучаем возможности outerHTML и insertAdjacentHTML.