Анотація: Об'єктна модель документа або коротко DOM (Document Object Model). Функції document.forms, document.getElementById, document.createElement і деякі інші, які вбудовані в об'єкт document.
Перш за все, необхідно зрозуміти, що з точки зору браузера сторінка HTML є точно тим же, що і документ XML. Якщо читач має досвід роботи з XML. то зможе зрозуміти обробку DOM досить легко. Але в будь-якому випадку це насправді не складно.
Ті, хто знає, що таке документ XML. можуть пропустити цей розділ. Іншим необхідно його прочитати.
Це просто звичайна сторінка HTML. Можливо, ви не знаєте про те, що це також приклад документа XML. Тут нас цікавить те, що кожен елемент є нащадком і / або предком іншого елемента. Перше зображення знаходиться всередині тега TD. який знаходиться всередині тегів TR. TABLE. BODY і HTML. Рухаючись в іншому напрямку, можна бачити, що тег BODY має одного "нащадка" - тег TABLE. Цей тег TABLE має в якості нащадків два тега TR і т.д. По суті саме так ми подорожуємо у документі XML або HTML DOM - рухаючись від нащадка до предка або від предка до нащадка.
Зображення: Блок-схема документа
Зображення може допомогти краще зрозуміти відносини предок-нащадок в цьому коді.
Необхідно також відзначити атрибути в деяких з цих тегів. Наприклад, тег TABLE (