From c63c8a7781c9e13c36fcdc56dc4d81de8a925204 Mon Sep 17 00:00:00 2001 From: SphinxKnight Date: Thu, 11 Nov 2021 08:41:41 +0100 Subject: Fix md conversion errors (#3025) --- files/fr/web/web_components/using_shadow_dom/index.html | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) (limited to 'files/fr/web/web_components/using_shadow_dom/index.html') diff --git a/files/fr/web/web_components/using_shadow_dom/index.html b/files/fr/web/web_components/using_shadow_dom/index.html index 79351bc290..ca14a4ca77 100644 --- a/files/fr/web/web_components/using_shadow_dom/index.html +++ b/files/fr/web/web_components/using_shadow_dom/index.html @@ -11,11 +11,10 @@ translation_of: Web/Web_Components/Using_shadow_DOM ---
{{DefaultAPISidebar("Web Components")}}
-

Un aspect important des composants web est l'encapsulation — être capable de garder la structure de balisage, le style et le comportement cachés et séparés du reste de code de la page tel que différentes parties n'entrent pas en conflit et que le code puisse rester agréable et propre. L'API Shadow DOM est un moyen d'y parvenir, fournissant une manière d'associer à un élément un DOM séparé et caché. Cet article couvre les bases de l'utilisation du DOM fantôme.

+

Un aspect important des composants web est l'encapsulation — être capable de garder la structure de balisage, le style et le comportement cachés et séparés du reste de code de la page tel que différentes parties n'entrent pas en conflit et que le code puisse rester agréable et propre. L'API Shadow DOM est un moyen d'y parvenir, fournissant une manière d'associer à un élément un DOM séparé et caché. Cet article couvre les bases de l'utilisation du DOM fantôme.

-
-

Note :

-

L'API Shadow DOM est supportée par défaut dans Firefox (63 et suivants), Chrome, Opera, et Safari. Le nouveau Edge basé sur Chromium (75 et suivants) le supportent aussi; le vieux Edge ne le supporte.

+
+

Note : L'API Shadow DOM est supportée par défaut dans Firefox (63 et suivants), Chrome, Opera, et Safari. Le nouveau Edge basé sur Chromium (75 et suivants) le supportent aussi; le vieux Edge ne le supporte.

Vue de haut niveau

@@ -70,9 +69,8 @@ let fantome = element.attachShadow({mode: 'closed'});

Si vous associez une racine fantôme à un élément personnalisé avec la propriété mode définie à closed, vous ne serez pas autorisé à accéder au DOM fantôme depuis l'extérieur — monElementPerso.shadowRoot retournera null. C'est le cas avec les éléments natifs contenant des DOM fantômes tels que <video>.

-
-

Note :

-

Comme montre cet article de blog (en anglais), il est actuellement assez simple de pénétrer les DOM fantômes fermés, et les cacher complètement n'en vaut souvent pas la peine.

+
+

Note : Comme montre cet article de blog (en anglais), il est actuellement assez simple de pénétrer les DOM fantômes fermés, et les cacher complètement n'en vaut souvent pas la peine.

Si vous voulez associer un DOM fantôme à un élément personnalisé en tant que partie de son constructeur (de loin la plus utile application du DOM fantôme), vous devriez utiliser quelque instruction comme :

-- cgit v1.2.3-54-g00ecf