review: Apply suggestions from code review

Review from [Petro Shpyhotskyi](https://github.com/kester36)

Co-authored-by: Petro Shpyhotskyi <shpyhotskyi@gmail.com>

Author: ltlaitoff

2-ui/1-document/05-basic-dom-node-properties/article.md

@@ -6,9 +6,9 @@
 
 ## Класи DOM вузлів
 
-Різні вузли DOM можуть мати різні властивості. Наприклад, елемент, що відповідає тегу `<a>`, має властивості, пов’язані з посиланням, тоді як елемент, що відповідає `<input>`, має властивості, пов’язані з введення даних, тощо. Текстові вузли відрізняються від вузлів елементів. Проте, між ними також існують загальні властивості та методи, оскільки всі класи вузлів DOM утворюють єдину ієрархію.
+Різні вузли DOM можуть мати різні властивості. Наприклад, елемент, що відповідає тегу `<a>`, має властивості, пов’язані з посиланням, тоді як елемент, що відповідає `<input>`, має властивості, пов’язані з введенням даних, тощо. Текстові вузли відрізняються від вузлів елементів. Проте, між ними також існують загальні властивості та методи, оскільки всі класи вузлів DOM утворюють єдину ієрархію.
 
-Кожен вузол DOM належить відповідному вбудованого класу.
+Кожен вузол DOM належить відповідному вбудованому класу.
 
 Коренем ієрархії є [EventTarget](https://dom.spec.whatwg.org/#eventtarget), від нього успадковується [Node](https://dom.spec.whatwg.org/#interface-node), а інші вузли DOM успадкують вже від нього.
 
@@ -26,7 +26,7 @@
 
   Він надає основні функціональні можливості дерева: `parentNode`, `nextSibling`, `childNodes` та інші (це геттери). Об'єкти класу `Node` ніколи не створюються, але існують інші класи, які успадковують його (і таким чином успадковують функціональність `Node`).
 
-- [Document](https://dom.spec.whatwg.org/#interface-document), з історичних причин часто успадковується `HTMLDocument` (хоча останні специфікації цього не вимагають), представляє собою документ в цілому.
+- [Document](https://dom.spec.whatwg.org/#interface-document), з історичних причин його часто успадковує `HTMLDocument` (хоча останні специфікації цього не вимагають), представляє собою документ в цілому.
 
   Глобальний об'єкт `document` належить саме до цього класу. Він служить точкою входу в DOM.
 
@@ -50,7 +50,7 @@
   - [HTMLAnchorElement](https://html.spec.whatwg.org/multipage/semantics.html#htmlanchorelement) - клас для елементів `<a>`,
   - ...тощо.
 
-Існує інших тегів з власними класами, які можуть мати певні властивості та методи, тоді як деякі елементи, такі як `<span>`, `<section>`, `<article>` не мають специфічних властивостей і, тому, вони є екземплярами класу `HTMLElement`.
+Існує багато інших тегів з власними класами, які можуть мати певні властивості та методи, тоді як деякі елементи, такі як `<span>`, `<section>`, `<article>` не мають специфічних властивостей і, тому, вони є екземплярами класу `HTMLElement`.
 
 Таким чином, повний набір властивостей та методів для певного вузла формується в результаті ланцюга успадкування.
 
@@ -59,9 +59,9 @@
 Він отримує властивості та методи шляхом "накладання" наступних класів (подані в порядку успадкування):
 
 - `HTMLInputElement` -- цей клас надає специфічні властивості для елемента введення,
-- `HTMLElement` -- він надає загальні методи для HTML-елементів (такі як отримання та встановлення значень),
-- `Element` -- він надає загальні методи для елементів,
-- `Node` -- він має загальні властивості для вузлів DOM (наприклад, батьківський вузол та наступний вузол),
+- `HTMLElement` -- надає загальні методи для HTML-елементів (такі як отримання та встановлення значень),
+- `Element` -- надає загальні методи для елементів,
+- `Node` -- надає загальні властивості для вузлів DOM,
 - `EventTarget` -- цей клас забезпечує підтримку подій (ми розглянемо це пізніше),
 - ... і, нарешті, цей клас успадковується від `Object`, тому він має доступ до загальних методів "простого об'єкту", наприклад, `hasOwnProperty`.
 
@@ -162,7 +162,7 @@ interface HTMLInputElement: HTMLElement {
   // і перший дочірній елемент ...
   alert(elem.firstChild.nodeType); // 3 => text
 
-  // для об’єкта документа тип -- 9
+  // для об’єкта document тип дорівнює 9
   alert( document.nodeType ); // 9
   </script>
 </body>
@@ -344,7 +344,7 @@ elem.innerHTML = elem.innerHTML + "..."
 - Інший шматок HTML `<p>Новий елемент</p>` був вставлений на його місце.
 - Змінна `div` ще має своє старе значення. Новий HTML не був збережений в жодну змінну.
 
-Так дуже легко допустити помилку: змінити `div.outerHTML`, а потім продовжувати працювати з `div`, як і раніше. Але воно не змінилося. Таке правило діє для `innerHTML`, але не для `outerHTML`.
+Так дуже легко допустити помилку: змінити `div.outerHTML`, а потім продовжувати працювати з `div` вважаючи, що його вміст змінився. Однак, цього не сталось. Таке припущення було б правильним для `innerHTML`, але не для `outerHTML`.
 
 Ми можемо записувати у `elem.outerHTML`, але маємо пам'ятати, що це не змінює елемент, до якого ми записуємо ('elem'). Замість цього воно замінює його в DOM. Ми можемо отримати посилання на нові елементи, запитуючи DOM.
 
@@ -486,7 +486,7 @@ elem.innerHTML = elem.innerHTML + "..."
 </script>
 ```
 
-Найбільш стандартні атрибути HTML мають відповідну DOM-властивість, і ми можемо отримати доступ до нєї.
+Найбільш стандартні атрибути HTML мають відповідну DOM-властивість, і ми можемо отримати доступ до неї.
 
 Якщо ми хочемо знати повний список підтримуваних властивостей для заданого класу, ми можемо знайти їх у специфікації. Наприклад, `HTMLInputElement` задокументовано на <https://html.spec.whatwg.org/#htmlinpelement>.
 
@@ -514,7 +514,7 @@ elem.innerHTML = elem.innerHTML + "..."
 : Вміст не-елементного вузла (тексту, коментаря). Ці дві властивості майже однакові, зазвичай ми використовуємо `data`. Можна змінювати.
 
 `textContent`
-: Текст всередині елемента: HTML мінус усі `<теги>`. Записуючи в нього, ми отримуємо текст всередині елемента, з усіма спеціальними символами та тегами, трактованими як текст. Це безпечний спосіб вставляти користувацький текст та захист від небажаних вставок HTML.
+: Текст всередині елемента: HTML мінус усі `<теги>`. Записуючи в нього, ми отримуємо текст всередині елемента, з усіма спеціальними символами та тегами, трактованими як текст. Дозволяє безпечно вставляти користувацький текст, захищаючи від небажаних вставок HTML.
 
 `hidden`
 : Коли встановлено `true`, робитьте ж саме, що й CSS `display:none`.