Содержание
- 2. Современные веб-страницы Элементы страницы могут динамически Изменяться Добавляться Удаляться
- 3. Что собой представляет документ?
- 4. А что если представить документ так? Документ Корневой элемент Элемент Элемент Текст «Моя страница» Элемент Элемент
- 5. W3C DOM DOM (Document Object Model) – объектная модель документа Независимый от платформы или языка интерфейс,
- 6. Стандарт DOM позволяет рассматривать документ как набор объектов, формирующих определенную структуру
- 8. DOM-дерево Документ Корневой элемент Элемент Элемент Текст «Моя страница» Элемент Элемент Текст «Заголовок 1» Текст «Текст
- 9. Структура документа Основная структурная единица дерева документа – узел (node). Узлами являются: Документ (document node) Любой
- 10. Виды связей между узлами A B С D Узел A – это родитель (parent) узла B
- 11. Правила Каждый узел имеет строго одного родителя (кроме узла документа) Узел может иметь любое количество дочерних
- 12. Пример Моя страница Заголовок 1 Привет! - корневой узел. Является родителем узлов и . Узлы и
- 13. Пример Моя страница Заголовок 1 Привет! Текстовый узел «Моя страница» является дочерним для узла . Текстовый
- 14. DOM+JavaScript В JavaScript доступ к объектной модели документа можно получить через объект document
- 15. Обращение к элементу по его идентификатору Метод getElementById(id) объекта document возвращает один объект, описывающий элемент (узел)
- 16. Обращение к элементам одного типа Метод getElementsByTagName(tagName) возвращает объекты, описывающие ВСЕ теги с переданным в метод
- 17. Обращение к элементам с одинаковым классом Метод getElementsByClassName(tagName) возвращает объекты, описывающие ВСЕ элементы с переданным в
- 18. Пример //получаем главный блок по его id var mainBlock = document.getElementById(“main”); //получаем все ссылки внутри главного
- 19. Основные свойства узлов Каждый узел обладает свойством nodeName, которое доступно только для чтения и содержит: Название
- 20. Основные свойства узлов Каждый узел обладает свойством nodeValue, которое содержит: undefined (для узлов-элементов) Для текстовых узлов
- 22. Скачать презентацию