diff --git a/2-ui/1-document/03-dom-navigation/article.md b/2-ui/1-document/03-dom-navigation/article.md index 289ccf33c..b665a1208 100644 --- a/2-ui/1-document/03-dom-navigation/article.md +++ b/2-ui/1-document/03-dom-navigation/article.md @@ -7,11 +7,11 @@ libs: # Навігація по DOM -DOM дозволяє нам робити будь-що з елементами та їх вмістом, але спочатку нам потрібно знайти відповідний DOM об’єкт. +DOM дозволяє нам робити будь-що з елементами та їх вмістом, але спочатку нам потрібно отримати відповідний DOM об’єкт. Усі операції з DOM починаються з об’єкта `document`. Це головна "точка входу" в DOM. З нього ми можемо отримати доступ до будь-якого вузла. -Ось зображення структури посилань, які дозволяють переміщатися між вузлами DOM: +Ось так виглядають основні посилання, які дозволяють переміщатися між вузлами DOM: ![](dom-links.svg) @@ -22,10 +22,10 @@ DOM дозволяє нам робити будь-що з елементами Найвищі вузли дерева доступні безпосередньо як властивості `document`: `` = `document.documentElement` -: Найвищий вузол документа -- `document.documentElement`. Це вузол DOM тегу ``. +: Найвищий вузол документа -- `document.documentElement`. В DOM він відповідає тегу ``. `` = `document.body` -: Для доступу до DOM вузлу `` часто використовують елемент -- `document.body`. +: Іншим широко використовуваним вузлом DOM є елемент `` -- `document.body`. `` = `document.head` : Тег `` доступний як `document.head`. @@ -63,7 +63,7 @@ DOM дозволяє нам робити будь-що з елементами У DOM значення `null` означає "не існує" або "такого вузла немає". ``` -## Дочірні елементи: childNodes, firstChild, lastChild +## Дочірні вузли: childNodes, firstChild, lastChild Відтепер ми будемо використовувати два терміни: @@ -86,7 +86,7 @@ DOM дозволяє нам робити будь-що з елементами ``` -...А нащадками `` є не тільки прямі дочірні елементи `
`, `