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 в следующем уроке.
|