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

	Ordinateur						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Webview Android	Chrome pour Android	Firefox pour Android	Opera pour Android	Safari sur iOS	Samsung Internet
`innerHTML` ExpérimentaleNon-standard	Chrome Support complet 57	Edge 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 Non	Opera Support complet 40	Safari Support complet 10.1	WebView Android Support complet 57	Chrome Android Support complet 57	Firefox 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 41	Safari iOS Support complet 10.3	Samsung 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é.