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

Рет қаралды 1,714

Күн бұрын

iTGid.info - курсы Алекса Лущенко
🪬 Курс JavaScript 24 : itgid.info/ru/course/js24
🫶 Поблагодарить автора - монобанк: 5375414126666006 Лущенко О
🍹 Задонатить - www.buymeacoffee.com/itgid
✈️ Задать вопрос через телеграм: telegram.me/itgid_admin
Курсы автора:
ReactJS: itgid.info/ru/course/reactjs
Методы массивов: 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.

Пікірлер: 6

@user-sy9gi3vg2e Ай бұрын

Спасибо за проделанную работу, вопрос, а чем видео с этого курса отличаются от видео с курса JS2.0 ?

@itgid Ай бұрын

новые темы, новые задачи, все шишки, что набил на js20 тут смог обойти и реализовал то, что хотел.

@saliqilshat Ай бұрын

Не могу попасть на сайт курса, перехожу по ссылке

@itgid Ай бұрын

рф блокирует сайт

@egorrublev5529 Ай бұрын

впн поможет сайт отобразить а как оплатить прям хз

@olegivanov6231 Ай бұрын

Не совсем понятно, чем этот способ лучше, ведь innerhtml это одна строчка, а create несколько строчек. В чём преимущество? Всё, понятно, доглядел видео