blob: 2262621230ecc42ebb31f0821d90b745963cdac9 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
|
---
title: ShadowRoot.innerHTML
slug: Web/API/ShadowRoot/innerHTML
tags:
- API
- Propriété
- Reference
- ShadowRoot
- innerHTML
- shadow dom
translation_of: Web/API/ShadowRoot/innerHTML
---
<div>{{APIRef("Shadow DOM")}}</div>
<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>
<h2 id="Syntaxe">Syntaxe</h2>
<pre class="syntaxbox">var <em>domString</em> = <em>shadowRoot</em>.innerHTML
<em>shadowRoot</em>.innerHTML = <em>domString</em>
</pre>
<h3 id="Valeur">Valeur</h3>
<p>Une chaîne de caractères {{domxref("DOMString")}}.</p>
<h2 id="Exemples">Exemples</h2>
<pre class="brush: 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>
<h2 id="Spécifications">Spécifications</h2>
<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>
<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div>
<p>{{Compat("api.ShadowRoot.innerHTML")}}</p>
|