Page 292 - Браун Э. - Изучаем JavaScript. Руководство по созданию современных веб-сайтов - 2017
P. 292
Каждый узел в дереве DOM (включая сам документ) является экземпляром клас
са Node (не путать с Node . j s, это тема следующей главы). У объектов Node есть свой
ства parentNode и childNodes, а также такие свойства идентификации, как nodeNarne
и nodeType.
Модель DOM полностью состоит из узлов, но только некоторые из
них являются элементами (element) HTML. Например, дескриптор
абзаца ( <р>) является НТМL-элементом, но текст, который он содер
жит, является текстовым узлом (text node). Очень часто термины узел
и элемент используются как синонимы, что редко вводит в заблужде-
ние, но технически неправильно. В этой главе мы будем (по большей
части) иметь дело с узлами, которые являются НТМL-элементами,
и когда мы говорим "элемент': мы подразумеваем "узел элемента':
Для демонстрации возможностей в следующих примерах мы будем использовать
s
очень простой НТМL-файл. Создайте следующий файл по имени i mple . html.
< ! doctype html>
<html>
<head>
<meta charset="utf-8 " >
<title>Пpocтaя HTML-cтpaницa</title>
<style>
. callout {
border : solid lpx # f f O O B O ;
margin : 2рх 4рх;
padding : 2рх брх ;
. c ode {
background : #ссс;
margin : lpx 2рх;
padding: lpx 4рх ;
l
font-fami y : monospace ;
< / style>
</head>
<body>
<header>
<hl> Простая НТМL-страница</hl>
</header>
<div id=" c ontent " >
<р>Это <i>простой</i> НТМL-файл . < /р>
<div class=" callout " >
и
<р>Он позволяет творить удивительные вещ ! < /р>
</div>
<р>Идентификаторы элементов ( н апример, <span
Объектная модель документа 295
