Для JavaScript инструментом изменений на странице является DOM (Document Object Model) — объектная модель документа. Согласно DOM-модели, документ является иерархией. Большинство тегов являются родительскими и имеют теги-потомки. Те, в свою очередь, могут иметь своих потомков. Последний элемент заканчивается, как правило, текстом или картинкой. Если изобразить такую иерархию графически, то получится дерево.
Пример DOM-дерева
Рассмотрим такую страничку:
<html>
<head>
<title>О лосях</title>
</head>
<body>
Правда о лосях.
<ol>
<li>Лось - животное хитрое</li>
<li>.. И коварное</li>
</ol>
</body>
</html>
Корневым элементом иерархии является html. У него есть два потомка: head и body. И так далее, каждый вложенный тег является потомком родительского тега.
Для манипуляций с DOM используется объект document.
