Курс "SYS Admin" модуль SYS-2 - занятие 6

Выбор занятия

Выберите текущее занятие

Все материалы предоставлены в образовательных целях. Для пополнения базы материалов или цитат присылайте свои тексты на эл. почту (внизу страницы).

JavaScript

Работа с DOM, динамическая модификация документа

Большинство действий в javascript выполняется с HTML-страницей. В javascript страница представлена в виде объектной модели DOM (Document Object Model).
Любые действия со страницей требуют вызова соответствующего метода DOM.
Понимание, как работать с документом в модели DOM - краеугольный камень в javascript-программировании.

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

У DOM-элементов в javascript есть свойства и атрибуты. И те и другие имеют имя и значение.
Поэтому иногда разработчики путают одно с другим.
Между ними есть соответствие, но оно не однозначное и его лучше понимать.

При поиске элементов в DOM надо помнить одну простую вещь: все списки узлов - не массивы Array, а специальные динамичные сущности DOMNodeList.

DOM в примерах

Линия в HTML бывает любого размера и цвета, имеет или не имеет объемность.