Введение в DOM

• April 29, 2024

DOM является аббревиатурой от Document Object Model. Это способ взглянуть на HTML, который позволяет разработчикам веб-сайтов создавать функции и манипулировать кодом способами, которые в противном случае были бы невозможны.

Есть три основных типа DOM; основной DOM, который можно использовать для определения любого документа независимо от его типа; XML DOM, который используется с документами XML, и HTML DOM. Этот последний тип является наиболее важным и полезным для разработчиков HTML, так что это DOM, который исследуется в этой статье.

HTML DOM делит HTML-страницу на узлы. Все эти узлы связаны друг с другом, причем дочерние узлы нисходят от своих родительских узлов и от корневого узла вверху в виде дерева. Что делает DOM настолько важным и полезным для разработчиков HTML, так это то, что это определение делает каждую часть страницы индивидуальной и определяет ее расположение по отношению ко всем другим частям, так что легко разработать код, который ссылается на этот конкретный раздел и затрагивает только эту часть. , Это делает HTML DOM жизненно важным для программирования на Javascript, например, так как он обеспечивает способ для программы Javascript напрямую использовать элементы HTML. Без DOM для программы Javascript невозможно динамически получать доступ к содержимому веб-страницы. Например, используя методы DOM, вы можете написать программу, которая изменяет текст внутри определенного элемента HTML, если происходит определенное событие (например, посетитель нажимает кнопку на странице).

Как вы уже знаете, HTML-страница состоит из следующих элементов:



Образец HTML-страницы

Это пример базовой HTML-страницы.

С DOM каждый элемент (все между одним набором тегов, например) является узлом. Узел называется корневым узлом и является самым базовым; у него есть два дочерних узла, узел и узел. В приведенном выше примере узел является дочерним по отношению к узлу и

узел является дочерним по отношению к узлу.

Веб-разработчик может использовать и изменять DOM с помощью определенных команд. Эти команды разделены на свойства (которые описывают часть страницы HTML) и методы (которые что-то делают с этой частью страницы).

Подробные сведения об использовании HTML DOM см. В следующей статье «Работа с DOM», которая будет опубликована на следующей неделе.

Видео инструкция: Основы JavaScript #22 Введение в DOM (April 2024).