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​ | Заключение 📚 Ссылки: 💬 Чат в телеграмме (помощь новичкам): 🔸 Boosty (поддержать канал): 🗂️ Бесплатные курсы на канале: 📌 Автор: #javascript