К началу учебного года! Готовые материалы для учителей на каждый урок со скидкой от 30%

СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ

Благодаря готовым учебным материалам для работы в классе и дистанционно

Выбрать материалы

Скидки до 50 % на комплекты
только до

Готовые ключевые этапы урока всегда будут у вас под рукой

Организационный момент

Проверка знаний

Объяснение материала

Закрепление изученного

Итоги урока

Был в сети 01.07.2025 15:42

Ахматов Максим Сергеевич

Преподаватель профессиональных дисциплин

3 313

18 082

Подписчики

Подписки

Обо мне Блог Файлы Тесты Галерея Активность Награды

Разработка кода ИС Практическая работа №37

Категория: Информатика

29.06.2025 18:24

Просмотр содержимого документа
«Разработка кода ИС Практическая работа №37»

Практическое занятие № 37

Тема: «Основы работы с DOM в JavaScript»

Цель работы: приобретение навыков работы с объектной моделью документа в JS.

Краткие теоретические основания выполнения задания

Дерево DOM

Основным инструментом работы и динамических изменений на странице является DOM (Document Object Model) – объектная модель, используемая для XML/HTML-документов.

Согласно DOM-модели, документ является иерархией, деревом. Каждый HTML-тег образует узел дерева с типом «элемент». Вложенные в него теги становятся дочерними узлами. Для представления текста создаются узлы с типом «текст».

DOM – это представление документа в виде дерева объектов, доступное для изменения через JavaScript.

Пример DOM

Построим, для начала, дерево DOM для следующего документа.

HTML

О лосях

Правда о лосях