25 DOM, Навигация по DOM, поиск HTML элементов, innerHTML, textContent

*DOM в JavaScript — что это такое и как работать с элементами страницы* В этом уроке продолжаем изучать JavaScript и начинаем более подробно работать с **DOM (Document Object Model)**. Разберём, как браузер превращает HTML-страницу в дерево объектов и как JavaScript получает доступ к этим объектам и может изменять страницу. В этом видео вы узнаете: 🔹 Что такое DOM и зачем он нужен 🔹 Что такое DOM-узлы 🔹 Какие бывают узлы: `document`, элементы и текстовые узлы 🔹 Что такое родитель, ребёнок и потомок 🔹 Как перемещаться по DOM-дереву 🔹 Разница между `children` и `childNodes` 🔹 Как найти элемент с помощью `getElementById()` 🔹 Как работает `querySelector()` 🔹 Как получить несколько элементов через `querySelectorAll()` 🔹 Основные свойства DOM-элементов: `tagName`, `id`, `innerHTML`, `textContent` 🔹 Почему DOM-элемент — это JavaScript-объект 🔹 Чем отличаются `console.log()` и `console.dir()` при работе с DOM 🔹 Почему важно учитывать загрузку HTML и расположение `script` 🔹 Практический пример работы с DOM и небольшое домашнее задание В конце урока закрепим материал на практике: найдём элементы на странице, получим их дочерние элементы, прочитаем текст и изменим содержимое страницы с помощью JavaScript. 📚 Материалы урока: https://learn.javascript.ru/dom-nodes https://learn.javascript.ru/dom-navigation https://learn.javascript.ru/searching-elements-dom https://learn.javascript.ru/basic-dom-node-properties Если вы только начинаете изучать JavaScript — подписывайтесь на канал. Здесь мы изучаем JavaScript **просто, понятно и с нуля**, разбирая сложные темы на понятных примерах. #javascript #js #dom #javascriptдляначинающих #изучениеjavascript #программирование #вебразработка #frontend #html #css