From 47314a18dbbdaa8760ed32bc86e72f7152e6ee5e Mon Sep 17 00:00:00 2001 From: Vadym Pavlyk <71404100+Made1ra@users.noreply.github.com> Date: Wed, 13 Mar 2024 13:07:58 +0200 Subject: [PATCH 1/3] Update article.md Correct the spelling mistake --- 8-web-components/3-shadow-dom/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/8-web-components/3-shadow-dom/article.md b/8-web-components/3-shadow-dom/article.md index 79533dcbd..57f313ea1 100644 --- a/8-web-components/3-shadow-dom/article.md +++ b/8-web-components/3-shadow-dom/article.md @@ -35,7 +35,7 @@ input::-webkit-slider-runnable-track { ``` -Наголошуємо, `pseudo` є нестандартним атрибутом. Історично, браузери спочатку почали експерементувати зі внутрішнімі DOM-структурами для створення інтерактивних елементів, і тільки потім, через певний час, тіньовий DOM було стандартизовано, щоб надати можливість нам, розробникам, робити те саме. +Наголошуємо, `pseudo` є нестандартним атрибутом. Історично, браузери спочатку почали експерементувати зі внутрішніми DOM-структурами для створення інтерактивних елементів, і тільки потім, через певний час, тіньовий DOM було стандартизовано, щоб надати можливість нам, розробникам, робити те саме. Надалі ми використовуватимемо сучасний тіньовий стандарт DOM, відображений у [DOM специфікації](https://dom.spec.whatwg.org/#shadow-trees) та в інших споріднених специфікаціях. From 85b069513e0a59eddc73a880ffc06537e62103ca Mon Sep 17 00:00:00 2001 From: Vadym Pavlyk <71404100+Made1ra@users.noreply.github.com> Date: Wed, 13 Mar 2024 13:16:19 +0200 Subject: [PATCH 2/3] Update article.md Change the spelling mistake --- 8-web-components/3-shadow-dom/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/8-web-components/3-shadow-dom/article.md b/8-web-components/3-shadow-dom/article.md index 57f313ea1..ae4c485eb 100644 --- a/8-web-components/3-shadow-dom/article.md +++ b/8-web-components/3-shadow-dom/article.md @@ -35,7 +35,7 @@ input::-webkit-slider-runnable-track { ``` -Наголошуємо, `pseudo` є нестандартним атрибутом. Історично, браузери спочатку почали експерементувати зі внутрішніми DOM-структурами для створення інтерактивних елементів, і тільки потім, через певний час, тіньовий DOM було стандартизовано, щоб надати можливість нам, розробникам, робити те саме. +Наголошуємо, `pseudo` є нестандартним атрибутом. Історично, браузери спочатку почали експериментувати зі внутрішніми DOM-структурами для створення інтерактивних елементів, і тільки потім, через певний час, тіньовий DOM було стандартизовано, щоб надати можливість нам, розробникам, робити те саме. Надалі ми використовуватимемо сучасний тіньовий стандарт DOM, відображений у [DOM специфікації](https://dom.spec.whatwg.org/#shadow-trees) та в інших споріднених специфікаціях. From a7756f9235f7d17f192e0a848c8a8882c36fe8e2 Mon Sep 17 00:00:00 2001 From: Vadym Pavlyk <71404100+Made1ra@users.noreply.github.com> Date: Wed, 13 Mar 2024 13:27:52 +0200 Subject: [PATCH 3/3] Update article.md Change the spelling mistake --- 8-web-components/3-shadow-dom/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/8-web-components/3-shadow-dom/article.md b/8-web-components/3-shadow-dom/article.md index ae4c485eb..889c4c22c 100644 --- a/8-web-components/3-shadow-dom/article.md +++ b/8-web-components/3-shadow-dom/article.md @@ -144,7 +144,7 @@ alert(elem.shadowRoot.host === elem); // true ## Підсумки -Тіньовий DOM -- це спосіб створити ізольоване DOM-дерево для компоненти. +Тіньовий DOM -- це спосіб створити ізольоване DOM-дерево для компонента. 1. `shadowRoot = elem.attachShadow({mode: open|closed})` -- створює тіньовий DOM для `elem`. Якщо `mode="open"`, то він є досяжним як властивість `elem.shadowRoot`. 2. Ми можемо записати щось всередину `shadowRoot`, використовуючи `innerHTML` чи інші DOM-методи.