ShadowRoot.host

La propriété host est une propriété en lecture seule, rattachée à l'interface ShadowRoot et qui représente une référence à l'élément du DOM auquel la racine ShadowRoot est attachée.

Syntaxe

var element = shadowRoot.host

Valeur

Un élément du DOM sous la forme d'un objet Element.

Exemples

let customElem = document.querySelector('mon-element-shadow-dom');
let shadow = customElem.shadowRoot;

  ...

// renvoie l'élément hôte
let hostElem = shadow.host;

Spécifications

Spécification État Commentaires
DOM
La définition de 'ShadowRoot.host' dans cette spécification.
Standard évolutif

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
host
Expérimentale
Chrome Support complet 57Edge Aucun support Non
Notes
Aucun support Non
Notes
Notes In Development
Firefox Support complet 63
Support complet 63
Aucun support 59 — 63
Désactivée
Désactivée From version 59 until version 63 (exclusive): this feature is behind the dom.webcomponents.shadowdom.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Aucun support NonOpera Support complet 40Safari Support complet 10.1WebView Android Support complet 57Chrome Android Support complet 57Firefox Android Support complet 63
Support complet 63
Aucun support 59 — 63
Désactivée
Désactivée From version 59 until version 63 (exclusive): this feature is behind the dom.webcomponents.shadowdom.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Support complet 41Safari iOS Support complet 10.3Samsung Internet Android Support complet 6.0

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
Voir les notes d'implémentation.
Voir les notes d'implémentation.
Une action explicite de l'utilisateur est nécessaire pour activer cette fonctionnalité.
Une action explicite de l'utilisateur est nécessaire pour activer cette fonctionnalité.