blob: 8d99934703d20d9532d4cb1f513c7188dfe95c80 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
|
---
title: Element.attachShadow()
slug: Web/API/Element/attachShadow
translation_of: Web/API/Element/attachShadow
---
{{APIRef('Shadow DOM')}} {{SeeCompatTable}}
La méthode **`Element.attachShadow()`** attache un arbre Shadow DOM à un élément spécifié et retourne une référence à son [`ShadowRoot`](/en-US/docs/Web/API/ShadowRoot).
## Syntaxe
var shadowroot = element.attachShadow(shadowRootInit);
### Paramètres
- `shadowRootInit`
- : Un dictionnaire `ShadowRootInit`, avec les propriétés suivantes :
- `mode `: une chaîne de caractères spécifiant le *mode d'encapsulation* de l'arbre du Shadow DOM, parmi les options suivantes :
- `open : `spécifie une encapsulation ouverte.
- `closed` : spécifie une encapsulation fermée.
### Retour
Retourne un {{domxref("ShadowRoot")}}.
## Spécifications
| Specification | Status | Comment |
| ---------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------- | -------------------- |
| {{SpecName('Shadow DOM', '#widl-Element-attachShadow-ShadowRoot-ShadowRootInit-shadowRootInitDict', 'attachShadow()')}} | {{Spec2('Shadow DOM')}} | Définition initiale. |
## Browser compatibility
{{Compat("api.Element.attachShadow")}}
|
