aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/api/element/outerhtml/index.html
diff options
context:
space:
mode:
authorSphinxKnight <SphinxKnight@users.noreply.github.com>2021-09-26 13:11:47 +0200
committerGitHub <noreply@github.com>2021-09-26 13:11:47 +0200
commit6772831200d14c2436aea2d0c837f40dbf12156f (patch)
treee41b587ce1834baf8c737454c0ae110ebc8208ca /files/fr/web/api/element/outerhtml/index.html
parent707941dbecfb0cc1e75dd32d2dacac4d1845bf2c (diff)
downloadtranslated-content-6772831200d14c2436aea2d0c837f40dbf12156f.tar.gz
translated-content-6772831200d14c2436aea2d0c837f40dbf12156f.tar.bz2
translated-content-6772831200d14c2436aea2d0c837f40dbf12156f.zip
Prepare Web API section for Markdown conversion (#2464)
* Remove summary classes and ids * Remove unecessary hidden * Remove useless span filled with useless attributes / ids * Remove useless font * Remove notranslate * Remove id in other elements than headings * Remove name attributes * Remove <pre><code> for JS w/ language-js class * Remove <pre><code> for HTML w/ language-html class * Remove <pre><code> for other lang w/ language-* class * Rm highlighted line in code samples * fix links, internal, external, absolute URLs * missing file from last commit * Fix styles errors apart from table + some classes * Fix notes and warnings (+ some other :x) * fix typo during merge which broke a doc * aand forgot a conflict * fix remaining classes of errors except dls and images * Fix dls * Fix images (deki/mozillademos) and remaining style issues * Remove script tag from svg file * Remove script tag from svg fileS * Compress SVG files for CI
Diffstat (limited to 'files/fr/web/api/element/outerhtml/index.html')
-rw-r--r--files/fr/web/api/element/outerhtml/index.html20
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">"&lt;div class=\"test\"&gt;test&lt;/div&gt;"</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: "&lt;div&gt;&lt;/div&gt;"</span></code></pre>
+<pre class="brush: js">var div = document.createElement("div");
+div.outerHTML = "&lt;div class=\"test\"&gt;test&lt;/div&gt;";
+console.log(div.outerHTML); // output: "&lt;div&gt;&lt;/div&gt;"</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 = "&lt;div&gt;Ce div remplace un paragraph.&lt;/div&gt;";
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>