diff options
Diffstat (limited to 'files/fr/web/api/shadowroot/innerhtml/index.md')
| -rw-r--r-- | files/fr/web/api/shadowroot/innerhtml/index.md | 31 |
1 files changed, 16 insertions, 15 deletions
diff --git a/files/fr/web/api/shadowroot/innerhtml/index.md b/files/fr/web/api/shadowroot/innerhtml/index.md index 5580e5ad2c..71b322ed76 100644 --- a/files/fr/web/api/shadowroot/innerhtml/index.md +++ b/files/fr/web/api/shadowroot/innerhtml/index.md @@ -10,31 +10,32 @@ tags: - shadow dom translation_of: Web/API/ShadowRoot/innerHTML --- -<div>{{APIRef("Shadow DOM")}}</div> +{{APIRef("Shadow DOM")}} -<p>La propriété <strong><code>innerHTML</code></strong>, rattachée à l'interface {{domxref("ShadowRoot")}}, permet de définir ou de récupérer une référence à l'arbre DOM contenu dans la racine <code>ShadowRoot</code>.</p> +La propriété **`innerHTML`**, rattachée à l'interface {{domxref("ShadowRoot")}}, permet de définir ou de récupérer une référence à l'arbre DOM contenu dans la racine `ShadowRoot`. -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox">var <em>domString</em> = <em>shadowRoot</em>.innerHTML -<em>shadowRoot</em>.innerHTML = <em>domString</em> -</pre> + var domString = shadowRoot.innerHTML + shadowRoot.innerHTML = domString -<h3 id="Valeur">Valeur</h3> +### Valeur -<p>Une chaîne de caractères {{domxref("DOMString")}}.</p> +Une chaîne de caractères {{domxref("DOMString")}}. -<h2 id="Exemples">Exemples</h2> +## Exemples -<pre class="brush: js">let customElem = document.querySelector('mon-element-shadow-dom'); +```js +let customElem = document.querySelector('mon-element-shadow-dom'); let shadow = customElem.shadowRoot; -shadow.innerHTML = '<strong>Cet élément devrait être plus important !</strong>';</pre> +shadow.innerHTML = '<strong>Cet élément devrait être plus important !</strong>'; +``` -<h2 id="Spécifications">Spécifications</h2> +## Spécifications -<p>Cette propriété ne fait pas encore partie d'une spécification. Voir <a href="https://github.com/w3c/DOM-Parsing/issues/21">cette <em>issue</em></a> pour le projet de spécification.</p> +Cette propriété ne fait pas encore partie d'une spécification. Voir [cette _issue_](https://github.com/w3c/DOM-Parsing/issues/21) pour le projet de spécification. -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.ShadowRoot.innerHTML")}}</p> +{{Compat("api.ShadowRoot.innerHTML")}} |