Скачать с ютуб JavaScript DOM манипуляции: создание элементов, вставка, перемещение, удаление и клонирование в хорошем качестве

JavaScript DOM манипуляции: создание элементов, вставка, перемещение, удаление и клонирование

✏️ Учимся манипулировать элементами в рамках DOM-дерева. Разберёмся, как изменять содержимое элементов через свойства textContent и innerHTML, как создавать новые элементы через метод createElement, и как вставлять их в DOM различными способами. Изучим, как элементы DOM-дерева удалять, клонировать и перемещать с одного места на другое. 🔴 Timeline: ▶ 00:00​ | Введение ▶ 00:32​ | Чтение и изменение текстового содержимого элемента — свойство textContent ▶ 02:44​ | Чтение и изменение HTML-содержимого элемента — свойство innerHTML ▶ 04:21​ | Чтение и изменение HTML элемента — свойство outerHTML ▶ 04:54​ | Проблемы innerHTML ▶ 05:31​ | Создание элемента — document.createElement ▶ 06:36​ | Вставка элементов — методы append и prepend ▶ 07:29​ | Вставка элементов — методы before и after ▶ 08:08​ | Вставка элементов с заменой — метод replaceWith ▶ 08:27​ | Особенности методов createElement, append, prepend, before, after, replaceWith ▶ 11:08​ | Вставка html-разметки — метод insertAdjacentHTML ▶ 13:18​ | Вставка элемента — метод insertAdjacentElement ▶ 13:57​ | Удаление элементов — метод remove ▶ 14:23​ | Клонирование элемента — метод cloneNode ▶ 15:40​ | Перемещение элементов ▶ 16:44​ | Заключение 📚 Ссылки: ➖ Документация по JavaScript от MDN: https://developer.mozilla.org/ru/docs... ➖ Русскоязычный справочник по JavaScript Doka: https://doka.guide/js/ ➖ Фундаментальный онлайн учебник по JavaScript: https://learn.javascript.ru/ 💬 Чат в телеграмме (помощь новичкам): https://t.me/friendlyFrontendChat 🔸 Boosty (поддержать канал): https://boosty.to/friendly-frontend 🗂️ Бесплатные курсы на канале: 🟠 HTML:    • HTML курс 2024   🔵 CSS:    • CSS курс 2024   🟡 JS:    • JavaScript курс 2024   🟢 A11y:    • Accessibility курс 2024   ⚪️ Мастер-класс по верстке для новичков:    • Верстка Kropp Fitness (HTML, CSS)   🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS):    • Верстка Positivus (HTML, БЭМ, SCSS)   🗺 Frontend Roadmap 2024    • Frontend Roadmap 2024 | Что должен уч...   📌 Автор: ➖ Личный сайт: https://aleksanderlamkov.ru/ ➖ Telegram: https://t.me/friendlyFrontend ➖ Boosty: https://boosty.to/friendly-frontend ➖ GetMentor: https://getmentor.dev/mentor/aleksand... ➖ Solvery: https://solvery.io/mentor/aleksanderl... #frontend #фронтенд #js #javascript