blob: a328bb7f87dbf65c98135d17972fcb2ec8e5ed4f (
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
38
39
40
41
42
43
44
45
46
47
48
49
50
|
---
title: ShadowRoot.mode
slug: Web/API/ShadowRoot/mode
tags:
- API
- Propriété
- Reference
- ShadowRoot
- mode
- shadow dom
translation_of: Web/API/ShadowRoot/mode
---
{{APIRef("Shadow DOM")}}
La propriété **`mode`**, rattachée à l'interface {{domxref("ShadowRoot")}}, indique son mode. Celui-ci peut valoir `open` ou `closed` et indique si les fonctionnalités internes de la racine sont accessibles en JavaScript.
Lorsque le mode d'une racine _shadow_ vaut `closed`, les détails d'implémentation internes sont inaccessibles et inchangeables avec JavaScript (de la même façon que les détails du fonctionnement de l'élément {{HTMLElement("video")}} sont inaccessibles et inchangeables en JavaScript).
## Syntaxe
var mode = shadowRoot.mode
### Valeur
Une valeur définie via l'énumération [`ShadowRootMode`](https://dom.spec.whatwg.org/#enumdef-shadowrootmode) : soit `open`, soit `closed`.
## Exemples
```js
let customElem = document.querySelector('mon-element-shadow-dom');
let shadow = customElem.shadowRoot;
// Une autre façon de vérifier si la racine est ouverte :
// on obtiendra null si elle est fermée
if(shadow) {
// Si elle est ouverte, on ferme la racine pour
// cacher ce qu'il y a à l'intérieur.
shadow.mode = 'closed';
}
```
## Spécifications
| Spécification | État | Commentaires |
| ---------------------------------------------------------------------------------------- | -------------------------------- | ------------ |
| {{SpecName('DOM WHATWG','#dom-shadowroot-mode','ShadowRoot.mode')}} | {{Spec2('DOM WHATWG')}} | |
## Compatibilité des navigateurs
{{Compat("api.ShadowRoot.mode")}}
|
