DOM-элементы и их свойства

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

Для того, чтобы изменить узел DOM, например, раскрыть в нем меню, нужно сначала его получить.

Доступ к DOM начинается с document. Оттуда можно добраться до любых других узлов.

В этой главе мы рассмотрим три основных свойства DOM-узлов: тип, тег и содержимое.

Мы увидим, какие значения они могут принимать и как с ними работать из JavaScript.

У DOM-узлов бывают не только свойства, но и атрибуты.

Между ними есть кое-что общее, поэтому иногда их путают. Но на самом деле, атрибуты и свойства — совершенно разные вещи.

Обычные методы вставки работают с одним узлом. Но есть и способы вставлять множество узлов одновременно.

Изменение DOM — ключ к созданию «живых» страниц.

В этой главе мы рассмотрим как создавать новые элементы «на лету» и заполнять их данными.

Метод document.write — один из наиболее древних методов добавления текста к документу.

У него есть существенные ограничения, поэтому он используется редко, но бывает полезен.

Прямая навигация от родителя к потомку удобна, если элементы рядом. А если нет?

Для этого в DOM есть дополнительные методы поиска.

Методы поиска элементов

document.getElementById(id)

У каждого DOM-элемента может быть атрибут id.