Заключение учебника по DOM
Учебник DOM
За восемь прошедших уроков учебника DOM для начинающих:
- Внедрение DOM в HTML-документ
- Разбираем код DOM
- Функция DOM — getElementById()
- Объект DOM — style
- Свойство DOM — innerHTML=" "
- События в DOM
- Элемент как кнопка
- Атрибут как свойство
Мы рассмотрели, основные вопросы управления элементами страницы, с помощью технологии 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 года).