Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
ShadowRoot.mode
Baseline Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis janvier 2020.
La propriétémode, rattachée à l'interfaceShadowRoot, indique son mode. Celui-ci peut valoiropen ouclosed et indique si les fonctionnalités internes de la racine sont accessibles en JavaScript.
Lorsque le mode d'une racineshadow vautclosed, 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<video> sont inaccessibles et inchangeables en JavaScript).
Syntaxe
var mode = shadowRoot.mode;Valeur
Une valeur définie via l'énumérationShadowRootMode : soitopen, soitclosed.
Exemples
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éeif (shadow) { // Si elle est ouverte, on ferme la racine pour // cacher ce qu'il y a à l'intérieur. shadow.mode = "closed";}Spécifications
| Specification |
|---|
| DOM # dom-shadowroot-mode |