ShadowRoot.innerHTML

La propriété innerHTML, rattachée à l'interface ShadowRoot, permet de définir ou de récupérer une référence à l'arbre DOM contenu dans la racine ShadowRoot.

Syntaxe

var domString = shadowRoot.innerHTML
shadowRoot.innerHTML = domString

Valeur

Une chaîne de caractères DOMString.

Exemples

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

shadow.innerHTML = '<strong>Cet élément devrait être plus important !</strong>';

Spécifications

Cette propriété ne fait pas encore partie d'une spécification. Voir cette issue pour le projet de spécification.

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
innerHTML
ExpérimentaleNon-standard
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.
Fonctionnalité non-standard. Celle-ci peut être incorrectement supportée par les autres navigateurs.
Fonctionnalité non-standard. Celle-ci peut être incorrectement supportée par les autres navigateurs.
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é.