УРОКИ JAVASCRIPT HTML DOM DHTML AJAX ПРИМЕРЫ JAVASCRIPT РЕКЛАМА

HTML DOM Узлы


« Назад Далее »

В DOM каждая сущность в HTML документе является узлом.


DOM Узлы

Согласно объектной модели документа DOM, каждая сущность в HTML документе является узлом.

DOM утверждает:

  • Документ целиком является узлом документа
  • Каждый HTML элемент является узлом элемента
  • Текст в HTML элементах представлен текстовыми узлами
  • Каждый HTML атрибут - это атрибутивный узел
  • Комментарии являются узлами комментариев

DOM Пример

Взгляните на следующий HTML документ:

<html>
  <head>
    <title>DOM Уроки</title>
  </head>
  <body>
    <h1>DOM Урок первый</h1>
    <p>Привет мир!</p>
  </body>
</html>

Корневым узлом в коде HTML выше является <html>. Все остальные узлы в документе содержатся внутри <html>.

Узел <html> имеет двух узлов-сыновей: <head> и <body>.

Узел <head> содержит узел <title>. Узел <body> содержит узлы <h1> и <p>.


Текст Всегда Хранится в Текстовых Узлах

Распространенной ошибкой при обработке DOM является ожидание того, что узел элемента содержит текст.

Однако текст узла элемента хранится в текстовом узле.

В этом примере: <title>DOM Уроки</title>, узел элемента <title> содержит текстовый узел со значением "DOM Уроки".

"DOM Уроки" это не значение элемента <title>!

Тем не менее в HTML DOM значение текстового узла может быть получено из свойства innerHTML.

Вы узнаете о свойстве innerHTML в следующем уроке.






« Назад Далее »
© 2011-2016 Уроки JavaScript