русс | укр

Программирование:

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог1С

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании

Обучение

Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

DOM-модель

Дата добавления: 2015-07-09; просмотров: 559; Нарушение авторских прав

 

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

Пример.

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

<html>

<head>

<title>Моя страница</title>

</head>

<body>

Текст моей прекрасной страницы

</body>

</html>

Самый внешний тег – <html>, поэтому дерево начинает расти от него. Внутри <html> находятся два узла: <head> и <body>, они становятся дочерними узлами для <html>.

Теги образуют узлы-элементы (element node). Текст представлен текстовыми узлами (text node).

 

Пример посложнее.

<html>

<head>

<title>ДМФ</title>

</head>

<body>

<p>Правда о ДМФ</p>

<ol>

<li>ДМФ – праздник веселый</li>

<li>но тяжелый</li>

</ol>

</body>

</html>

Корневым элементом иерархии является html. У него есть два потомка. Первый – head, второй – body. И так далее, каждый вложенный тег является потомком тега выше:

Некоторые браузеры воспринимают текст, состоящий из одних пробельных символов, как текстовый узел.

Зачем, кроме красивых рисунков, нужна иерархическая модель DOM? Каждый DOM-элемент является объектом и предоставляет свойства для манипуляции своим содержимым, для доступа к родителям и потомкам.

Для манипуляций с DOM моделью страницы используется объект document. Используя document, можно получать нужный элемент дерева и менять его содержание.




<== предыдущая лекция | следующая лекция ==>
Конструкции языка | Доступ к элементам по тегу

Карта сайта Карта сайта укр

Видео
Уроки php mysql Программирование
Онлайн сервисы
Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские
Полезное

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных

 


Не нашли то, что искали? Google вам в помощь!

  
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.
Генерация страницы за: 0.103 сек.