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