diff options
Diffstat (limited to 'files/fr/web/api/element/outerhtml/index.html')
| -rw-r--r-- | files/fr/web/api/element/outerhtml/index.html | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/files/fr/web/api/element/outerhtml/index.html b/files/fr/web/api/element/outerhtml/index.html index e9ed7dddf1..243fac13e5 100644 --- a/files/fr/web/api/element/outerhtml/index.html +++ b/files/fr/web/api/element/outerhtml/index.html @@ -14,17 +14,17 @@ translation_of: Web/API/Element/outerHTML <p>Pour obtenir uniquement la représentation HTML du contenu d'un élément ou pour remplacer le contenu d'un élément, utilisez plutôt la propriété {{domxref ("Element.innerHTML", "innerHTML")}}.</p> -<h2 id="Syntax" name="Syntax">Syntaxe</h2> +<h2 id="Syntax">Syntaxe</h2> -<pre class="eval line-numbers language-html"><code class="language-html">var content = element.outerHTML; +<pre class="brush: html">var content = element.outerHTML; -element.outerHTML = htmlString;</code></pre> +element.outerHTML = htmlString;</pre> -<h3 class="highlight-spanned" id="Valeur"><span class="highlight-span">Valeur</span></h3> +<h3 class="highlight-spanned" id="Valeur">Valeur</h3> <p>La lecture de la valeur de <code>outerHTML</code> renvoie une {{domxref("DOMString")}} contenant la sérialisation HTML des descendants de l'élément. Définir la valeur de <code>innerHTML</code> supprime tous les descendants et les remplace par les noeuds construits en analysant le HTML donné dans la chaîne <code>htmlString</code>.</p> -<h3 class="highlight-spanned" id="Exceptions"><span class="highlight-span">Exceptions</span></h3> +<h3 class="highlight-spanned" id="Exceptions">Exceptions</h3> <dl> <dt><code>SyntaxError</code></dt> @@ -33,7 +33,7 @@ element.outerHTML = htmlString;</code></pre> <dd>Une tentative a été faite de définir <code>outerHTML</code> sur un élément qui est enfant direct du {{domxref("Document")}}, tel que {{domxref("Document.documentElement")}}.</dd> </dl> -<h2 id="Examples" name="Examples">Exemples</h2> +<h2 id="Examples">Exemples</h2> <p>Récupérer la valeur de la propriété <code>outerHTML</code> d'un élément :</p> @@ -67,9 +67,9 @@ console.log(container.firstChild.nodeName); // affiche "P" <p>Si un élément n'a pas de noeud parent, définir sa propriété <code>outerHTML</code> ne le modifiera pas, ni ses descendants. De nombreux navigateurs déclencheront aussi une exception. Par exemple :</p> -<pre class="brush: js line-numbers language-js"><code class="language-js"><span class="keyword token">var</span> div <span class="operator token">=</span> document<span class="punctuation token">.</span><span class="function token">createElement</span><span class="punctuation token">(</span><span class="string token">"div"</span><span class="punctuation token">)</span><span class="punctuation token">;</span> -div<span class="punctuation token">.</span>outerHTML <span class="operator token">=</span> <span class="string token">"<div class=\"test\">test</div>"</span><span class="punctuation token">;</span> -console<span class="punctuation token">.</span><span class="function token">log</span><span class="punctuation token">(</span>div<span class="punctuation token">.</span>outerHTML<span class="punctuation token">)</span><span class="punctuation token">;</span> <span class="comment token">// output: "<div></div>"</span></code></pre> +<pre class="brush: js">var div = document.createElement("div"); +div.outerHTML = "<div class=\"test\">test</div>"; +console.log(div.outerHTML); // output: "<div></div>"</pre> <p>Aussi, lorsqu'un élément va être remplacé dans le document, la variable dont la propriété <code>outerHTML</code> a été modifiée contiendra toujours une référence à l'élément initial :</p> @@ -79,7 +79,7 @@ p.outerHTML = "<div>Ce div remplace un paragraph.</div>"; console.log(p.nodeName); // toujours "P"; </pre> -<h2 id="Specification" name="Specification">Spécification</h2> +<h2 id="Specification">Spécification</h2> <table class="standard-table"> <thead> |