ShadowRoot.mode

La propriété mode, rattachée à l'interface 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 <video> sont inaccessibles et inchangeables en JavaScript).

Syntaxe

var mode = shadowRoot.mode

Valeur

Une valeur définie via l'énumération ShadowRootMode : soit open, soit closed.

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é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
DOM
La définition de 'ShadowRoot.mode' dans cette spécification.
Standard évolutif

Compatibilité des navigateurs

BCD tables only load in the browser