Читать учебники:
HTML, CSS, JavaScript, DOM
PHP, MySQL, Apache, WordPress
Photoshop, Веб-дизайн, Flat
SEO, SMM, Landing Page

Заключение учебника по DOM

Заключение
Учебник DOM
Заключение учебника DOM для начинающих.

За восемь прошедших уроков учебника DOM для начинающих:

  1. Внедрение DOM в HTML-документ
  2. Разбираем код DOM
  3. Функция DOM — getElementById()
  4. Объект DOM — style
  5. Свойство DOM — innerHTML=" "
  6. События в DOM
  7. Элемент как кнопка
  8. Атрибут как свойство

Мы рассмотрели, основные вопросы управления элементами страницы, с помощью технологии DOM. В этом уроке, мы обобщим полученные знания.

DOM — клиентская web-технология, создающая из HTML-документа объектную модель, в которой каждый HTML-тег становится объектом, со своими свойствами и методами. Статья об объектах в учебнике по JavaScript.

а) Код DOM внедряется в HTML-документ с помощью тегов <script> </script>

б) Строка кода DOM, начинается с объекта document и его метода getElementById(), также в строке кода могут участвовать объект style или свойство innerHTML=" ", схема:

document.getElementById("значение id").style.CSSсвойcтво="значение CSS-свойства";
document.getElementById("значение id").innerHTML="Текст";

Каждая строка должна заканчиваться точкой с запятой ;

в) Код DOM располагается внутри пользовательских функций (обработчиков событий), эти функции запускаются с помощью событий (атрибутов HTML-тегов), чьим значением выступают имена пользовательских функций:

<input type="button" value="Кнопка" onclick="имяФункции()" />
<p onmouseover="имяФункции()"> Абзац </p>

г) Типичная схема работы скрипта DOM выглядит следующим образом:
1. событие запускает обработчик события (пользовательскую функцию),
2. строка кода DOM в функции, находит элемент и производит с ним манипуляции.

Что изучать дальше?

Данный учебник по DOM для начинающих, является далеко не полным, вскоре тут появятся дополнительные разделы, которые будут более подробно раскрывать ту или иную тему DOM, например:
дерево элементов DOM (которое позволяет находить элементы без getElementById()).

Пока всё, со временем учебник будет дополняться и обновляться. Далее вы можете приступить к изучению учебника по BOM (должен появиться в конце 2014 года).

Вам понравились уроки? Поддержите проект "Учебники для вебмастера"!
Можете отправить с карточки, мобильного телефона или яндекс.кошелька.
Минимальная сумма перевода 30 руб.

Категория: Статья
Статья создана: 17 Окт 2014
Статья обновлена: 5 Фев 2016

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

gabdrahimov.ru - сайт для веб-разработчиков
(c) При использовании материалов, ссылка на сайт обязательна
Автор: Габдрахимов Дамир Google
e-mail: gabdr0[at]ya.ru
разработка сайта - gabdr0
бесплатный PHP хостинг (без рекламы!) - Beget