(document tree) Drzewo elementów umieszczonych w dokumencie źródłowym. Każdy element w takim drzewie ma dokładnie jednego rodzica, oprócz elementu podstawowego, czyli korzenia drzewa (root).
Przykład:
Po wpisaniu:<html>
<head>
<title>...</title>
</head>
<body>
<h1>...</h1>
<p>...</p>
<table>
<tr>
<td>...</td>
<td>...</td>
</tr>
<tr>
<td>...</td>
<td>...</td>
</tr>
</table>
</body>
</html>
Otrzymamy następujące drzewo dokumentu:TABLE
jest dzieckiem elementu BODY
.TABLE
jest potomkiem elementu HTML
oraz BODY
.TABLE
jest rodzicem dwóch elementów TR
.TABLE
jest przodkiem czterech elementów TD
oraz dwóch TR
.TABLE
jest bratem elementów H1
oraz P
.H1
oraz P
są braćmi poprzedzającymi elementu TABLE
.TABLE
jest bratem następującym elementów H1
oraz P
.TABLE
jest elementem poprzedzającym elementu TR
oraz TD
.TABLE
jest elementem następującym elementu BODY
oraz HTML
.Elementy leżące niżej w hierarchii drzewa dokumentu, zawierają się wewnątrz znaczników nadrzędnych, np. znaczniki <body>
oraz </body>
muszą być umiejscowione pomiędzy znacznikami <html>
i </html>,
które są nadrzędne dla wszystkich innych (root).