diff options
Diffstat (limited to 'files/fr/web/api/node')
| -rw-r--r-- | files/fr/web/api/node/appendchild/index.html | 54 | ||||
| -rw-r--r-- | files/fr/web/api/node/childnodes/index.html | 8 | ||||
| -rw-r--r-- | files/fr/web/api/node/clonenode/index.html | 81 | ||||
| -rw-r--r-- | files/fr/web/api/node/comparedocumentposition/index.html | 52 | ||||
| -rw-r--r-- | files/fr/web/api/node/contains/index.html | 68 | ||||
| -rw-r--r-- | files/fr/web/api/node/getuserdata/index.html | 52 | ||||
| -rw-r--r-- | files/fr/web/api/node/haschildnodes/index.html | 134 | ||||
| -rw-r--r-- | files/fr/web/api/node/insertbefore/index.html | 278 | ||||
| -rw-r--r-- | files/fr/web/api/node/isequalnode/index.html | 52 | ||||
| -rw-r--r-- | files/fr/web/api/node/issamenode/index.html | 56 | ||||
| -rw-r--r-- | files/fr/web/api/node/issupported/index.html | 62 | ||||
| -rw-r--r-- | files/fr/web/api/node/replacechild/index.html | 137 | ||||
| -rw-r--r-- | files/fr/web/api/node/setuserdata/index.html | 52 |
13 files changed, 220 insertions, 866 deletions
diff --git a/files/fr/web/api/node/appendchild/index.html b/files/fr/web/api/node/appendchild/index.html index 640709b22e..5f01da03c8 100644 --- a/files/fr/web/api/node/appendchild/index.html +++ b/files/fr/web/api/node/appendchild/index.html @@ -86,59 +86,7 @@ document<span class="punctuation token">.</span>body<span class="punctuation tok <h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoDesktop("1.0")}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Android</th> - <th>Edge</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoMobile("1.0")}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<p> </p> +<p>{{Compat("api.Node.appendChild")}}</p> <h2 id="Voir_aussi">Voir aussi</h2> diff --git a/files/fr/web/api/node/childnodes/index.html b/files/fr/web/api/node/childnodes/index.html index d0dc5d7343..af687c7c99 100644 --- a/files/fr/web/api/node/childnodes/index.html +++ b/files/fr/web/api/node/childnodes/index.html @@ -90,13 +90,7 @@ translation_of: Web/API/Node/childNodes <h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> - - <p>{{Compat("api.Node.childNodes")}}</p> -</div> <h2 id="Voir_aussi">Voir aussi</h2> @@ -107,5 +101,3 @@ translation_of: Web/API/Node/childNodes <li>{{domxref("Node.previousSibling")}}</li> <li>{{domxref("ParentNode.children")}}</li> </ul> - -<p> </p> diff --git a/files/fr/web/api/node/clonenode/index.html b/files/fr/web/api/node/clonenode/index.html index 80f3474516..7e342018f1 100644 --- a/files/fr/web/api/node/clonenode/index.html +++ b/files/fr/web/api/node/clonenode/index.html @@ -89,83 +89,4 @@ p_prime = p.cloneNode(true); <h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td><code>deep</code> as an optional parameter</td> - <td> - <p>{{CompatVersionUnknown}}<sup>[1]</sup></p> - </td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoDesktop("13.0")}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td> - <p>{{CompatVersionUnknown}}<sup>[1]</sup></p> - </td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Edge</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td><code>deep</code> as an optional parameter</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoMobile("13.0")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] La valeur par défaut pour le paramètre <code>deep</code> est <code>false</code></p> - -<p> </p> +<p>{{Compat("api.Node.cloneNode")}}</p> diff --git a/files/fr/web/api/node/comparedocumentposition/index.html b/files/fr/web/api/node/comparedocumentposition/index.html index 7e7c2a7273..e5b81bcb4b 100644 --- a/files/fr/web/api/node/comparedocumentposition/index.html +++ b/files/fr/web/api/node/comparedocumentposition/index.html @@ -99,57 +99,7 @@ if (head.compareDocumentPosition(document.body) & Node.DOCUMENT_POSITION_FOL <h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>9.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Android</th> - <th>Edge</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> +<p>{{Compat("api.Node.compareDocumentPosition")}}</p> <h2 id="Voir_aussi">Voir aussi</h2> diff --git a/files/fr/web/api/node/contains/index.html b/files/fr/web/api/node/contains/index.html index 912ef76f66..5b7f4c23e5 100644 --- a/files/fr/web/api/node/contains/index.html +++ b/files/fr/web/api/node/contains/index.html @@ -26,8 +26,6 @@ translation_of: Web/API/Node/contains return (node === document.body) ? false : document.body.contains(node); }</pre> -<p> </p> - <h2 id="Spécifications">Spécifications</h2> <table class="standard-table"> @@ -47,69 +45,13 @@ translation_of: Web/API/Node/contains </tbody> </table> -<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilité des navigateurs</h2> - -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoDesktop("9.0")}}</td> - <td>5.0<sup>[1]</sup></td> - <td>{{CompatVersionUnknown}}</td> - <td>3.0<sup>[2]</sup></td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Android</th> - <th>Edge</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoMobile("9.0")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] Internet Explorer <a href="https://connect.microsoft.com/IE/feedback/details/780874/node-contains-is-incorrect">only supports <code>contains()</code> for elements</a>.</p> +<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> -<p>[2] Safari 2.x <a href="https://books.google.de/books?id=KW9G9rdlStIC&lpg=PA299&ots=4XRWUISZVr&dq=safari+node+contains+professional+javascript&pg=PA299&hl=de#v=onepage&q=safari%20node%20contains%20professional%20javascript&f=false">implemented <code>contains()</code> incorrectly</a>.</p> -</div> +<p>{{Compat("api.Node.contains")}}</p> -<h2 id="See_also" name="See_also">Voir aussi</h2> +<h2 id="See_also">Voir aussi</h2> <ul> - <li>{{domxref("Node.compareDocumentPosition")}}</li> - <li>{{domxref("Node.hasChildNodes")}}</li> + <li>{{domxref("Node.compareDocumentPosition")}}</li> + <li>{{domxref("Node.hasChildNodes")}}</li> </ul> diff --git a/files/fr/web/api/node/getuserdata/index.html b/files/fr/web/api/node/getuserdata/index.html index 0ddb31d8ff..76ffd3ce25 100644 --- a/files/fr/web/api/node/getuserdata/index.html +++ b/files/fr/web/api/node/getuserdata/index.html @@ -57,57 +57,7 @@ console.log(document.getUserData('key')); // 15</pre> <h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoMobile(1)}}<br> - {{CompatNo}} 22.0[1]</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoDesktop(1)}}<br> - {{CompatNo}} 22.0[1]</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] La méthode est toujours disponible à partir de scripts chrome.</p> +<p>{{Compat("api.Node.getUserData")}}</p> <h2 id="Voir_aussi">Voir aussi</h2> diff --git a/files/fr/web/api/node/haschildnodes/index.html b/files/fr/web/api/node/haschildnodes/index.html index 93d5f636aa..d0af3b4b65 100644 --- a/files/fr/web/api/node/haschildnodes/index.html +++ b/files/fr/web/api/node/haschildnodes/index.html @@ -4,119 +4,75 @@ slug: Web/API/Node/hasChildNodes tags: - API - DOM - - Enfant - - Méthodes - - Noeuds + - Method + - NeedsSpecTable + - Node + - Reference translation_of: Web/API/Node/hasChildNodes --- <p>{{APIRef("DOM")}}</p> -<p>La méthode <code><strong>Node.hasChildNodes()</strong></code> renvoie une valeur <strong>booléenne</strong> indiquant si le {{domxref("Node","noeud")}} actuel possède des <a href="https://developer.mozilla.org/fr/docs/Web/API/Node/childNodes">nœuds enfants</a> ou non.</p> +<p class="summary">La méthode <code><strong>Node.hasChildNodes()</strong></code> renvoie un {{jsxref("Boolean")}} indiquant si le {{domxref("Node","noeud")}} actuel possède des <a href="/fr/docs/Web/API/Node/childNodes">nœuds enfants</a> ou non.</p> -<h2 id="Syntaxe" name="Syntaxe">Syntaxe</h2> +<h2 id="Syntax">Syntaxe</h2> -<pre class="eval">resultat =<em>element</em>.hasChildNodes(); -</pre> +<pre class="brush: js"><var>bool</var> = <var>node</var>.hasChildNodes();</pre> -<h2 id="Exemple" name="Exemple">Exemple</h2> +<h3 id="Return_value">Valeur de retour</h3> -<p>L'exemple suivant supprime le premier noeud enfant à l'intérieur de l'élément avec l'identifiant <code>"foo"</code> si "foo" a des noeuds enfant.</p> +<p>Un {{jsxref("Boolean")}} qui est <code>true</code> si le nœud a des nœuds enfants, et <code>false</code> dans le cas contraire.</p> -<pre class="brush:js line-numbers language-js"><code class="language-js"><span class="keyword token">var</span> foo <span class="operator token">=</span> document<span class="punctuation token">.</span><span class="function token">getElementById</span><span class="punctuation token">(</span><span class="string token">"foo"</span><span class="punctuation token">)</span><span class="punctuation token">;</span> -<span class="keyword token">if</span> <span class="punctuation token">(</span>foo<span class="punctuation token">.</span><span class="function token">hasChildNodes</span><span class="punctuation token">(</span><span class="punctuation token">)</span><span class="punctuation token">)</span> <span class="punctuation token">{</span> - <span class="comment token">// faire quelque chose avec les 'foo.childNodes'</span> -<span class="punctuation token">}</span></code></pre> +<h2 id="Example">Exemple</h2> -<h2 id="Sp.C3.A9cification" name="Sp.C3.A9cification">Polyfill</h2> +<pre class="brush:js">let foo = document.getElementById('foo'); -<p> </p> +if (foo.hasChildNodes()) { + // Faire quelque chose avec 'foo.childNodes' +}</pre> -<pre class="brush:js line-numbers language-js"><code class="language-js"><span class="punctuation token">;</span><span class="punctuation token">(</span><span class="keyword token">function</span><span class="punctuation token">(</span>prototype<span class="punctuation token">)</span> <span class="punctuation token">{</span> - prototype<span class="punctuation token">.</span>hasChildNodes <span class="operator token">=</span> prototype<span class="punctuation token">.</span>hasChildNodes <span class="operator token">||</span> <span class="keyword token">function</span><span class="punctuation token">(</span><span class="punctuation token">)</span> <span class="punctuation token">{</span> - <span class="keyword token">return</span> <span class="operator token">!</span><span class="operator token">!</span><span class="keyword token">this</span><span class="punctuation token">.</span>firstChild<span class="punctuation token">;</span> - <span class="punctuation token">}</span> -<span class="punctuation token">}</span><span class="punctuation token">)</span><span class="punctuation token">(</span>Node<span class="punctuation token">.</span>prototype<span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre> +<h2 id="Polyfill">Prothèse d'émulation</h2> -<h2 id="Résumé">Résumé</h2> +<pre class="brush:js">(function(prototype) { + prototype.hasChildNodes = prototype.hasChildNodes || function() { + return !!this.firstChild; + } +})(Node.prototype);</pre> <p>Il y a différentes façons de déterminer si le noeud a un noeud enfant :</p> <ul> - <li>node.hasChildNodes()</li> - <li>node.firstChild != null (ou juste node.firstChild)</li> - <li>node.childNodes && node.childNodes.length (ou node.childNodes.length > 0)</li> + <li><code>node.hasChildNodes()</code></li> + <li><code>node.firstChild != null</code> (ou simplement <code>node.firstChild</code>)</li> + <li><code>node.childNodes && node.childNodes.length</code> (ou <code>node.childNodes.length > 0</code>)</li> </ul> -<h2 id="Sp.C3.A9cification" name="Sp.C3.A9cification">Spécification</h2> - -<ul> - <li><a href="https://dom.spec.whatwg.org/#dom-node-haschildnodes">WHATWG: hasChildNodes</a></li> - <li><a class="external external-icon" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/core.html#ID-810594187">hasChildNodes</a></li> -</ul> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>7.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> +<h2 id="Specifications">Spécification</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Spécification</th> + <th scope="col">Statut</th> + <th scope="col">Commentaire</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName("DOM WHATWG", "#dom-node-haschildnodes", "Node: hasChildNodes")}} + </td> + <td>{{Spec2("DOM WHATWG")}}</td> + <td></td> + </tr> + </tbody> </table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Android</th> - <th>Edge</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> -<p> </p> +<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> + +<p>{{Compat("api.Node.hasChildNodes")}}</p> -<h2 id="See_also" name="See_also">Voir aussi</h2> +<h2 id="See_also">Voir aussi</h2> <ul> <li>{{domxref("Node.childNodes")}}</li> <li>{{domxref("Node.hasAttributes")}}</li> </ul> - -<div class="noinclude"> </div> - -<p> </p> diff --git a/files/fr/web/api/node/insertbefore/index.html b/files/fr/web/api/node/insertbefore/index.html index c66b4b3200..780cf3bb18 100644 --- a/files/fr/web/api/node/insertbefore/index.html +++ b/files/fr/web/api/node/insertbefore/index.html @@ -12,203 +12,155 @@ translation_of: Web/API/Node/insertBefore --- <p>{{APIRef("DOM")}}</p> -<p>La méthode <code><strong>Node.insertBefore()</strong></code> insère un nœud juste avant le noeud de référence en tant qu'enfant du nœud parent spécifié. Si l'enfant donné est une référence à un noeud existant dans le document, <code>insertBefore()</code> le déplace vers sa nouvelle position (il n'est pas nécessaire de supprimer le noeud de son parent avant son ajout à un autre noeud).</p> +<p class="summary">La méthode <code><strong>Node.insertBefore()</strong></code> insère un nœud avant un <em>nœud de référence</em> en tant qu'enfant d'un <em>nœud parent</em> spécifié.</p> -<p>Cela signifie que le noeud ne peut pas être à 2 points du document simultanément. Donc, si le noeud a déjà un parent, le noeud est d'abord supprimé puis inséré dans la nouvelle position. La méthode {{domxref("Node.cloneNode()")}} peut être utilisée pour réaliser une copie du noeud avant son ajout sous le nouveau parent. Notez que les copies faites avec <code>cloneNode</code> ne seront pas automatiquement synchronisées.</p> +<p>Si le nœud donné existe déjà dans le document, <code>insertBefore()</code> le déplace de sa position actuelle vers la nouvelle position. (C'est-à-dire qu'il sera automatiquement retiré de son parent existant avant d'être ajouté au nouveau parent spécifié).</p> -<p>Si le noeud de référence est <code>null</code> , le noeud spécifié est ajouté à la fin de la liste des enfants du noeud parent spécifié.</p> +<p>Cela signifie qu'un nœud ne peut pas se trouver simultanément à deux endroits du document.</p> -<p>Si l'enfant donné est un {{domxref("DocumentFragment")}}, le contenu entier du {{domxref("DocumentFragment")}} est déplacé dans la liste des enfants du noeud parent spécifié.</p> +<h2 id="Syntax">Syntaxe</h2> -<h2 id="Syntaxe" name="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">var <em>insertedNode</em> = <em>parentNode</em>.insertBefore(<em>newNode</em>, <em>referenceNode</em>); +<pre class="syntaxbox">var <var>insertedNode</var> = <var>parentNode</var>.insertBefore(<var>newNode</var>, <var>referenceNode</var>); </pre> -<p>Si <code><var>referenceNode</var></code> vaut <code>null</code>, <code><var>newNode</var></code> est inséré à la fin de la liste des nœuds enfants.</p> - -<div class="note"> -<p><em><code>referenceNode</code></em> <strong>n'est pas</strong> un paramètre facultatif -- vous devez explicitement transmettre un <code>Node</code> ou <code>null</code>. Ne pas le fournir ou transmettre des valeurs invalides provoque des <a href="https://code.google.com/p/chromium/issues/detail?id=419780">comportements différents</a> selon les différentes versions des navigateurs.</p> +<dl> + <dt><code><var>insertedNode</var></code></dt> + <dd>Le nœud en cours d'insertion (le même que <code><var>newNode</var></code>).</dd> + <dt><code><var>parentNode</var></code></dt> + <dd>Le parent du nœud nouvellement inséré.</dd> + <dt><code><var>newNode</var></code></dt> + <dd>Le nœud à insérer.</dd> + <dt><code><var>referenceNode</var></code></dt> + <dd>Le nœud avant lequel <code><var>newNode</var></code> est inséré. Si c'est <code>null</code>, alors <code><var>newNode</var></code> est inséré à la fin des nœuds enfants de <code><var>parentNode</var></code>.</dd> +</dl> + +<div class="notecard note"> + <p><strong>Note :</strong> <em><code>referenceNode</code></em> <strong>n'est pas</strong> un paramètre facultatif -- vous devez explicitement transmettre un <code>Node</code> ou <code>null</code>. Ne pas le fournir ou transmettre des valeurs invalides provoque des <a href="https://code.google.com/p/chromium/issues/detail?id=419780">comportements différents</a> selon les différentes versions des navigateurs.</p> </div> -<h2 id="Exemple" name="Exemple">Valeur retournée</h2> +<h3 id="Return_value">Valeur de retour</h3> -<p>La valeur renvoyée est l'enfant ajouté sauf si le <code>newNode</code> est un {{domxref("DocumentFragment")}}, auquel cas, le {{domxref("DocumentFragment")}} vide est retourné.</p> +<p>Renvoie l'enfant ajouté (sauf si <code><var>newNode</var></code> est un {{domxref("DocumentFragment")}}, auquel cas le {{domxref("DocumentFragment")}} vide est renvoyé).</p> -<h2 id="Exemple" name="Exemple">Exemple</h2> +<h2 id="Examples">Exemples</h2> -<pre class="brush: html line-numbers language-html"><code class="language-html"><span class="tag token"><span class="tag token"><span class="punctuation token"><</span>div</span> <span class="attr-name token">id</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>parentElement<span class="punctuation token">"</span></span><span class="punctuation token">></span></span> - <span class="tag token"><span class="tag token"><span class="punctuation token"><</span>span</span> <span class="attr-name token">id</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>childElement<span class="punctuation token">"</span></span><span class="punctuation token">></span></span>foo bar<span class="tag token"><span class="tag token"><span class="punctuation token"></</span>span</span><span class="punctuation token">></span></span> -<span class="tag token"><span class="tag token"><span class="punctuation token"></</span>div</span><span class="punctuation token">></span></span> +<h3 id="Example_1">Exemple 1</h3> -<span class="tag token"><span class="tag token"><span class="punctuation token"><</span>script</span><span class="punctuation token">></span></span><span class="language-javascript script token"> -<span class="comment token">// Crée un nouveau noeud à insérer</span> -<span class="keyword token">var</span> newNode <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">"span"</span><span class="punctuation token">)</span><span class="punctuation token">;</span> +<pre class="brush: html"><div id="parentElement"> + <span id="childElement">foo bar</span> +</div> -<span class="comment token">// Obtient une référence sur le noeud parent</span> -<span class="keyword token">var</span> parentDiv <span class="operator token">=</span> document<span class="punctuation token">.</span><span class="function token">getElementById</span><span class="punctuation token">(</span><span class="string token">"childElement"</span><span class="punctuation token">)</span><span class="punctuation token">.</span>parentNode<span class="punctuation token">;</span> +<script> +// Crée le nouveau nœud à insérer +let newNode = document.createElement("span") -<span class="comment token">// Commence le cas test [ 1 ] : un childElement existe --> tout fonctionne correctement</span> -<span class="keyword token">var</span> sp2 <span class="operator token">=</span> document<span class="punctuation token">.</span><span class="function token">getElementById</span><span class="punctuation token">(</span><span class="string token">"childElement"</span><span class="punctuation token">)</span><span class="punctuation token">;</span> -parentDiv<span class="punctuation token">.</span><span class="function token">insertBefore</span><span class="punctuation token">(</span>newNode<span class="punctuation token">,</span> sp2<span class="punctuation token">)</span><span class="punctuation token">;</span> -<span class="comment token">// Fin du cas test [ 1 ]</span> +// Obtient une référence au nœud parent +let parentDiv = document.getElementById("childElement").parentNode -<span class="comment token">// Commence le cas test [ 2 ] : childElement est d'un Type indéfini</span> -<span class="keyword token">var</span> sp2 <span class="operator token">=</span> undefined<span class="punctuation token">;</span> <span class="comment token">// Il n'existe pas de noeud à l'ID "childElement"</span> -parentDiv<span class="punctuation token">.</span><span class="function token">insertBefore</span><span class="punctuation token">(</span>newNode<span class="punctuation token">,</span> sp2<span class="punctuation token">)</span><span class="punctuation token">;</span> <span class="comment token">// Fusion dynamique implicite pour le type du noeud</span> -<span class="comment token">// Fin du cas test [ 2 ]</span> +// Commence le cas de test [ 1 ] : Existing childElement (tout fonctionne correctement) +let sp2 = document.getElementById("childElement") +parentDiv.insertBefore(newNode, sp2) +// Fin du cas de test [ 1 ] -<span class="comment token">// Commence le cas test [ 3 ] : childElement est d'un Type "undefined" (string) (<em>chaîne de caractères</em>)</span> -<span class="keyword token">var</span> sp2 <span class="operator token">=</span> <span class="string token">"undefined"</span><span class="punctuation token">;</span> <span class="comment token">// </span></span></code> <code class="language-html"><span class="language-javascript script token"><span class="comment token">Il n'existe pas de noeud à l'ID "childElement"</span></span></code> <code class="language-html"><span class="language-javascript script token"> -parentDiv<span class="punctuation token">.</span><span class="function token">insertBefore</span><span class="punctuation token">(</span>newNode<span class="punctuation token">,</span> sp2<span class="punctuation token">)</span><span class="punctuation token">;</span> <span class="comment token">// Génère "Type Error: Invalid Argument" (<em>Erreur du Type : Argument non valide</em>) </span> -<span class="comment token">// Fin du cas test [ 3 ]</span> -</span><span class="tag token"><span class="tag token"><span class="punctuation token"></</span>script</span><span class="punctuation token">></span></span></code></pre> +// Commence le cas de test [ 2 ] : childElement est de Type undefined +let sp2 = undefined // Noeud non existant de l'id "childElement". +parentDiv.insertBefore(newNode, sp2) // Transfert dynamique implicite vers le type Node +// Fin du cas de test [ 2 ] -<p> </p> - -<ul> - <li><code>insertedNode</code> Le noeud en cours d'insertion, c'est-à-dire <code>newNode</code></li> - <li><code>parentNode</code> Le parent du nouveau noeud inséré.</li> - <li><code>newNode</code> Le noeud à insérer.</li> - <li><code>referenceNode</code> Le noeud devant lequel le <code>newNode</code> est inséré.</li> -</ul> +// Commence le cas de test [ 3 ] : childElement est de Type "undefined" ( string ) +let sp2 = "undefined" // Noeud non existant de l'id "childElement". +parentDiv.insertBefore(newNode, sp2) // Génère "Erreur de type : Argument non valide". +// Fin du cas de test [ 3 ] +</script> +</pre> -<h2 id="Exemple_2">Exemple</h2> +<h3 id="Example_2">Exemple 2</h3> -<pre class="brush:html line-numbers language-html"><code class="language-html"><span class="tag token"><span class="tag token"><span class="punctuation token"><</span>div</span> <span class="attr-name token">id</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>parentElement<span class="punctuation token">"</span></span><span class="punctuation token">></span></span> - <span class="tag token"><span class="tag token"><span class="punctuation token"><</span>span</span> <span class="attr-name token">id</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>childElement<span class="punctuation token">"</span></span><span class="punctuation token">></span></span>foo bar<span class="tag token"><span class="tag token"><span class="punctuation token"></</span>span</span><span class="punctuation token">></span></span> -<span class="tag token"><span class="tag token"><span class="punctuation token"></</span>div</span><span class="punctuation token">></span></span> +<pre class="brush:html"><div id="parentElement"> + <span id="childElement">foo bar</span> +</div> -<span class="tag token"><span class="tag token"><span class="punctuation token"><</span>script</span><span class="punctuation token">></span></span><span class="language-javascript script token"> -<span class="comment token">// Crée un nouvel élément <span> simple</span> -<span class="keyword token">var</span> sp1 <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">"span"</span><span class="punctuation token">)</span><span class="punctuation token">;</span> +<script> +// Crée un nouvel élément simple de type <span> +let sp1 = document.createElement("span") -<span class="comment token">// Obtient une référence à l'élément avant lequel nous voulons insérer</span> -<span class="keyword token">var</span> sp2 <span class="operator token">=</span> document<span class="punctuation token">.</span><span class="function token">getElementById</span><span class="punctuation token">(</span><span class="string token">"childElement"</span><span class="punctuation token">)</span><span class="punctuation token">;</span> -<span class="comment token">// Obtient une référence à l'élément parent</span> -<span class="keyword token">var</span> parentDiv <span class="operator token">=</span> sp2<span class="punctuation token">.</span>parentNode<span class="punctuation token">;</span> +// Obtient l'élément de référence +let sp2 = document.getElementById("childElement") +// Get the parent element +let parentDiv = sp2.parentNode -<span class="comment token">// Insère le nouvel élément dans le DOM avant sp2</span> -parentDiv<span class="punctuation token">.</span><span class="function token">insertBefore</span><span class="punctuation token">(</span>sp1<span class="punctuation token">,</span> sp2<span class="punctuation token">)</span><span class="punctuation token">;</span> -</span><span class="tag token"><span class="tag token"><span class="punctuation token"></</span>script</span><span class="punctuation token">></span></span></code></pre> +// Insert le nouvel élément dans avant sp2 +parentDiv.insertBefore(sp1, sp2) +</script> +</pre> -<p>Il n'existe pas de méthode <code>insertAfter</code>. Il peut être émulé avec une combinaison des méthodes <code>insertBefore</code><a class="internal" href="/fr/DOM/element.insertBefore" title="fr/DOM/element.insertBefore"> </a>et <code><a href="https://developer.mozilla.org/fr/docs/Web/API/Node/nextSibling" title="fr/DOM/element.nextSibling">nextSibling</a></code>.</p> +<p>Il n'existe pas de méthode <code>insertAfter</code>. Il peut être émulé avec une combinaison des méthodes <code>insertBefore</code><a class="internal" href="/fr/docs/Web/API/Node/insertBefore"> </a>et <code><a href="/fr/docs/Web/API/Node/nextSibling">nextSibling</a></code>.</p> <p>Dans l'exemple ci-dessus, <code>sp1</code> pourrait être inséré après <code>sp2</code> en utilisant :</p> -<pre class="brush:js">parentDiv.insertBefore(sp1, sp2.nextSibling); -</pre> +<pre class="brush:js">parentDiv.insertBefore(sp1, sp2.nextSibling);</pre> <p>Si <code>sp2</code> n'a pas d'enfant suivant, c'est qu'il est le dernier enfant. Dans ce cas, <code>sp2.nextSibling</code> renverra <code>null</code> et <code>sp1</code> sera donc inséré à la fin de la liste des nœuds enfants (c'est-à-dire immédiatement après <code>sp2</code>).</p> -<h2 id="Exemple_3">Exemple</h2> - -<p>Insérer un élément avant le premier élément enfant en utilisant la propriété <a href="https://developer.mozilla.org/fr/docs/Web/API/Node/firstChild" title="Node.firstChild">firstChild</a>.</p> +<h3 id="Example_3">Exemple 3</h3> -<pre class="brush:js line-numbers language-js"><code class="language-js"><span class="comment token">// Obtenir une référence à l'élément dans lequel nous voulons insérer un nouveau noeud</span> -<span class="keyword token">var</span> parentElement <span class="operator token">=</span> document<span class="punctuation token">.</span><span class="function token">getElementById</span><span class="punctuation token">(</span><span class="string token">'parentElement'</span><span class="punctuation token">)</span><span class="punctuation token">;</span> -<span class="comment token">// Obtenir une référence au premier enfant</span> -<span class="keyword token">var</span> theFirstChild <span class="operator token">=</span> parentElement<span class="punctuation token">.</span>firstChild<span class="punctuation token">;</span> +<p>Insérer un élément avant le premier élément enfant en utilisant la propriété <a href="/fr/docs/Web/API/Node/firstChild">firstChild</a>.</p> -<span class="comment token">// Créer un nouvel élément</span> -<span class="keyword token">var</span> newElement <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> - -<span class="comment token">// Insérer le nouvel élément avant le premier enfant</span> -parentElement<span class="punctuation token">.</span><span class="function token">insertBefore</span><span class="punctuation token">(</span>newElement<span class="punctuation token">,</span> theFirstChild<span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre> +<pre class="brush:js">// Obtient l'élément parent + let parentElement = document.getElementById('parentElement') + // Obtient le premier enfant du parent + let theFirstChild = parentElement.firstChild + + // Crée un nouvel élément + let newElement = document.createElement("div") + + // Insert le nouvel élément avant le premier enfant + parentElement.insertBefore(newElement, theFirstChild) + </pre> <p>Si l'élément n'a pas de premier enfant, alors <code>firstChild</code> est <code>null</code>. L'élément est toujours ajouté au parent après le dernier enfant. Comme l'élément parent n'avait pas de premier enfant, il n'avait pas non plus de dernier enfant. Par conséquent, le nouvel élément est le seul élément, après l'insertion.</p> -<h2 id="Browser_Compatibility" name="Browser_Compatibility">Compatibilité des navigateurs</h2> - -<p>{{CompatibilityTable()}}</p> - -<div id="compat-desktop"> -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>1.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> +<h2 id="Specifications">Spécifications</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('DOM WHATWG','#dom-node-insertbefore','Node.insertBefore')}}</td> + <td>{{Spec2('DOM WHATWG')}}</td> + <td>Fixes errors in the insertion algorithm</td> + </tr> + <tr> + <td>{{SpecName('DOM4','#dom-node-insertbefore','Node.insertBefore')}}</td> + <td>{{Spec2('DOM4')}}</td> + <td>Describes the algorithm in more detail</td> + </tr> + <tr> + <td>{{SpecName('DOM3 Core','core.html#ID-952280727','Node.insertBefore')}}</td> + <td>{{Spec2('DOM3 Core')}}</td> + <td>No notable changes</td> + </tr> + <tr> + <td>{{SpecName('DOM2 Core','core.html#ID-952280727','Node.insertBefore')}}</td> + <td>{{Spec2('DOM2 Core')}}</td> + <td>No notable changes</td> + </tr> + <tr> + <td> + {{SpecName('DOM1','level-one-core.html#method-insertBefore','Node.insertBefore')}} + </td> + <td>{{Spec2('DOM1')}}</td> + <td>Introduced</td> + </tr> + </tbody> </table> -</div> -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Edge</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> -</div> +<h2 id="Browser_Compatibility">Compatibilité des navigateurs</h2> -<h2 id="Sp.C3.A9cification" name="Sp.C3.A9cification">Spécifications</h2> - -<p> </p> - -<table class="spectable standard-table"> - <tbody> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - <tr> - <td>{{SpecName('DOM WHATWG','#dom-node-insertbefore','Node.insertBefore')}}</td> - <td>{{Spec2('DOM WHATWG')}}</td> - <td>Corrige les erreurs dans l'algorithme d'insertion</td> - </tr> - <tr> - <td>{{SpecName('DOM4','#dom-node-insertbefore','Node.insertBefore')}}</td> - <td>{{Spec2('DOM4')}}</td> - <td>Décrit l'algorithme plus en détail</td> - </tr> - <tr> - <td>{{SpecName('DOM3 Core','core.html#ID-952280727','Node.insertBefore')}}</td> - <td>{{Spec2('DOM3 Core')}}</td> - <td>Pas de changement notable</td> - </tr> - <tr> - <td>{{SpecName('DOM2 Core','core.html#ID-952280727','Node.insertBefore')}}</td> - <td>{{Spec2('DOM2 Core')}}</td> - <td>Pas de changement notable</td> - </tr> - <tr> - <td>{{SpecName('DOM1','level-one-core.html#method-insertBefore','Node.insertBefore')}}</td> - <td>{{Spec2('DOM1')}}</td> - <td>Définition initiale</td> - </tr> - </tbody> -</table> +<p>{{Compat("api.Node.insertBefore")}}</p> diff --git a/files/fr/web/api/node/isequalnode/index.html b/files/fr/web/api/node/isequalnode/index.html index e78eb9a7c2..b6e3f84009 100644 --- a/files/fr/web/api/node/isequalnode/index.html +++ b/files/fr/web/api/node/isequalnode/index.html @@ -81,57 +81,7 @@ output<span class="punctuation token">.</span>innerHTML <span class="operator to <h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoDesktop("1.9")}}</td> - <td>9.0</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Android</th> - <th>Edge</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> +<p>{{Compat("api.Node.isEqualNode")}}</p> <h2 id="Voir_aussi">Voir aussi</h2> diff --git a/files/fr/web/api/node/issamenode/index.html b/files/fr/web/api/node/issamenode/index.html index 5ed912e638..1f3006b4b6 100644 --- a/files/fr/web/api/node/issamenode/index.html +++ b/files/fr/web/api/node/issamenode/index.html @@ -88,61 +88,7 @@ output.innerHTML += "div 0 same as div 2: " + divList[0].isSameNode(divList[2]) <h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoDesktop("1.0")}}<br> - Removed in {{CompatGeckoDesktop("10")}}<br> - Readded in {{CompatGeckoDesktop("48")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Android</th> - <th>Edge</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoMobile("1.0")}}<br> - Removed in {{CompatGeckoMobile("10")}}<br> - Readded in {{CompatGeckoMobile("48")}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> +<p>{{Compat("api.Node.isSameNode")}}</p> <h2 id="Voir_aussi">Voir aussi</h2> diff --git a/files/fr/web/api/node/issupported/index.html b/files/fr/web/api/node/issupported/index.html index 0a329b1fcd..4e1c86bedb 100644 --- a/files/fr/web/api/node/issupported/index.html +++ b/files/fr/web/api/node/issupported/index.html @@ -70,67 +70,7 @@ translation_of: Web/API/Node/isSupported <h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td> - <p>{{CompatGeckoDesktop(1)}}</p> - - <p>{{CompatGeckoDesktop(19)}} (partial)[1]</p> - - <p>{{CompatGeckoDesktop(22)}}{{CompatNo}}</p> - </td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td> - <p>{{CompatGeckoMobile(1)}}</p> - - <p>{{CompatGeckoMobile(19)}} (partial)[1]</p> - - <p>{{CompatGeckoMobile(22)}}{{CompatNo}}</p> - </td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] Cette méthode retournera toujours <code>true</code> ({{bug("801425")}})</p> +<p>{{Compat("api.Node.isSupported")}}</p> <h2 id="Voir_aussi">Voir aussi</h2> diff --git a/files/fr/web/api/node/replacechild/index.html b/files/fr/web/api/node/replacechild/index.html index 2233bbd419..3fb6b0e8df 100644 --- a/files/fr/web/api/node/replacechild/index.html +++ b/files/fr/web/api/node/replacechild/index.html @@ -25,109 +25,66 @@ translation_of: Web/API/Node/replaceChild <li><code>replaceNode</code> est le nœud remplacé. C'est le même nœud que <code>oldChild</code>.</li> </ul> -<h2 id="Exemple" name="Exemple">Exemple</h2> +<h2 id="Example">Exemple</h2> -<pre class="brush:js line-numbers language-js"><code class="language-js"><span class="comment token">// <div></span> -<span class="comment token">// <span id="childSpan">foo bar</span></span> -<span class="comment token">// </div></span> +<pre class="brush:js">// Étant donné que : +// <div> +// <span id="childSpan">foo bar</span> +// </div> -<span class="comment token">// crée un noeud élément vide</span> -<span class="comment token">// sans ID, aucun attribut ni contenu</span> -<span class="keyword token">var</span> sp1 <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">"span"</span><span class="punctuation token">)</span><span class="punctuation token">;</span> +// Crée un nœud d'élément vide +// sans ID, sans attributs et sans contenu +var sp1 = document.createElement("span"); -<span class="comment token">// lui donne un attribut id appelé 'newSpan'</span> -sp1<span class="punctuation token">.</span>id <span class="operator token">=</span> <span class="string token">"newSpan"</span><span class="punctuation token">;</span> +// Donne un attribut id appelé "newSpan" +sp1.id = "newSpan"; -<span class="comment token">// crée un contenu pour le nouvel élément.</span> -<span class="keyword token">var</span> sp1_content <span class="operator token">=</span> document<span class="punctuation token">.</span><span class="function token">createTextNode</span><span class="punctuation token">(</span><span class="string token">"new replacement span element."</span><span class="punctuation token">)</span><span class="punctuation token">;</span> +// Crée du contenu pour le nouvel élément +var sp1_content = document.createTextNode("nouvel élément span de remplacement."); -<span class="comment token">// applique ce contenu au nouvel élément</span> -sp1<span class="punctuation token">.</span><span class="function token">appendChild</span><span class="punctuation token">(</span>sp1_content<span class="punctuation token">)</span><span class="punctuation token">;</span> +// Applique ce contenu au nouvel élément +sp1.appendChild(sp1_content); -<span class="comment token">// construit une référence au noeud existant devant être remplacé</span> -<span class="keyword token">var</span> sp2 <span class="operator token">=</span> document<span class="punctuation token">.</span><span class="function token">getElementById</span><span class="punctuation token">(</span><span class="string token">"childSpan"</span><span class="punctuation token">)</span><span class="punctuation token">;</span> -<span class="keyword token">var</span> parentDiv <span class="operator token">=</span> sp2<span class="punctuation token">.</span>parentNode<span class="punctuation token">;</span> +// Construit une référence au nœud existant à remplacer +var sp2 = document.getElementById("childSpan"); +var parentDiv = sp2.parentNode; -<span class="comment token">// remplace le noeud existant sp2 avec le nouvel élément span sp1</span> -parentDiv<span class="punctuation token">.</span><span class="function token">replaceChild</span><span class="punctuation token">(</span>sp1<span class="punctuation token">,</span> sp2<span class="punctuation token">)</span><span class="punctuation token">;</span> +// Remplacer le noeud existant sp2 par le nouvel élément span sp1 +parentDiv.replaceChild(sp1, sp2); -<span class="comment token">// résultat :</span> -<span class="comment token">// <div></span> -<span class="comment token">// <span id="newSpan">nouvel élément span de remplacement.</span></span> -<span class="comment token">// </div></span></code></pre> - -<div> </div> +// Résultat : +// <div> +// <span id="newSpan">nouvel élément span de remplacement.</span> +// </div> +</pre> -<h2 id="Sp.C3.A9cification" name="Sp.C3.A9cification">Spécifications</h2> +<h2 id="Specifications">Spécifications</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Spécification</th> + <th scope="col">Statut</th> + <th scope="col">Commentaire</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName("DOM WHATWG", "#dom-node-replacechild", "Node: replaceChild")}} + </td> + <td>{{Spec2("DOM WHATWG")}}</td> + <td></td> + </tr> + </tbody> +</table> -<ul> - <li><a href="http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#method-replaceChild">DOM Level 1 Core: replaceChild</a></li> - <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-785887307">DOM Level 2 Core : replaceChild</a> — <small><a class="external" href="http://www.yoyodesign.org/doc/w3c/dom2-core/core.html#ID-785887307">traduction en français</a> (non normative)</small></li> - <li><a href="http://www.w3.org/TR/DOM-Level-3-Core/core.html#ID-785887307">DOM Level 3 Core: replaceChild</a></li> -</ul> +<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> -<p> </p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Edge</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatChrome(1.0)}}</td> - <td>{{CompatGeckoDesktop(1)}}</td> - <td> IE6 (Maybe Earlier)</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatOpera(1.0)}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Android Webview</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Edge Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - <th>Chrome for Android</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoMobile(1)}}</td> - <td>IE6 (Maybe Earlier)</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatOperaMobile(1.0)}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatChrome(1.0)}}</td> - </tr> - </tbody> -</table> -</div> +<p>{{Compat("api.Node.replaceChild")}}</p> -<h2 id="See_also" name="See_also">Voir aussi</h2> +<h2 id="See_also">Voir aussi</h2> <ul> <li>{{domxref("Node.removeChild")}}</li> + <li>{{domxref("ChildNode.replaceWith")}}</li> </ul> - -<p> </p> diff --git a/files/fr/web/api/node/setuserdata/index.html b/files/fr/web/api/node/setuserdata/index.html index 1d4a18cce0..05a84f37d4 100644 --- a/files/fr/web/api/node/setuserdata/index.html +++ b/files/fr/web/api/node/setuserdata/index.html @@ -66,57 +66,7 @@ console.log(e.getUserData('key')); // null puisque les données utilisateur ne s <h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoDesktop("1.0")}}<br> - {{CompatNo}} {{CompatGeckoDesktop("22.0")}}<sup>[1]</sup></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoMobile("1.0")}}<br> - {{CompatNo}} {{CompatGeckoMobile("22.0")}}<sup>[1]</sup></td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] La méthode reste disponible dans les scripts chrome.</p> +<p>{{Compat("api.Node.setUserData")}}</p> <h2 id="Voir_aussi">Voir aussi</h2> |