Урок 5.8. Динамическое создание, добавление и удаление элементов

Клон плейлиста на Яндекс.Дзен: https://dzen.ru/suite/3764854c-4f30-4e4e-8af9-d6a8f7be0988?share_to=link Что вы узнаете: 🔹 Создание элементов: научитесь создавать новые HTML-элементы на лету с помощью document.createElement(). 🔹 Добавление элементов: узнаете, как добавлять элементы в DOM с помощью append и prepand, insertBefore() и других методов. 🔹 Удаление элементов: освоите удаление ненужных элементов из DOM с помощью remove. 🔹 Практические примеры: посмотрите на реальные примеры, такие как создание списка покупок! Ссылки на документацию: https://developer.mozilla.org/ru/docs/Web/API/Element/append https://developer.mozilla.org/en-US/docs/Web/API/Element/prepend https://developer.mozilla.org/ru/docs/Web/API/Element/remove https://developer.mozilla.org/ru/docs/Web/API/Node/insertBeforehttps://developer.mozilla.org/ru/docs/Web/API/Element/getBoundingClientRect https://developer.mozilla.org/ru/docs/Web/API/Element/insertAdjacentHTML Во избежание лишних вопросов по appendChild, prepandChild и removeChild: эти методы считаются устаревающими, но вы их можете встретить в других проектах. Поэтому в видео о них даже не рассказываю. Вот ссылки на документацию по ним: https://developer.mozilla.org/ru/docs/Web/API/Node/appendChild https://developer.mozilla.org/ru/docs/Web/API/Node/removeChild Подписывайтесь на канал, ставьте лайки и включайте уведомления, чтобы не пропустить новые уроки по JavaScript! 💻👍 #JavaScript #WebDev #DOM #HTML #CSS #JS #Программирование #Обучение #Ютуб