diff options
Diffstat (limited to 'files/fr/web/api/node/replacechild/index.md')
| -rw-r--r-- | files/fr/web/api/node/replacechild/index.md | 82 |
1 files changed, 32 insertions, 50 deletions
diff --git a/files/fr/web/api/node/replacechild/index.md b/files/fr/web/api/node/replacechild/index.md index 3cdf5aa950..492baac6d1 100644 --- a/files/fr/web/api/node/replacechild/index.md +++ b/files/fr/web/api/node/replacechild/index.md @@ -10,27 +10,25 @@ tags: - Remplacement translation_of: Web/API/Node/replaceChild --- -<p>{{APIRef("DOM")}}</p> +{{APIRef("DOM")}} -<p>La méthode <strong><code>Node.replaceChild()</code></strong> remplace un nœud enfant du noeud spécifié par un autre nœud.</p> +La méthode **`Node.replaceChild()`** remplace un nœud enfant du noeud spécifié par un autre nœud. -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox"><em>replacedNode</em> = <em>parentNode</em>.replaceChild(<em>newChild</em>, <em>oldChild</em>); -</pre> + replacedNode = parentNode.replaceChild(newChild, oldChild); -<ul> - <li><code>newChild</code> est le nouveau nœud qui remplacera <code>oldChild</code>. S'il existe déjà dans le DOM, il sera d'abord enlevé.</li> - <li><code>oldChild</code> est le nœud existant à remplacer.</li> - <li><code>replaceNode</code> est le nœud remplacé. C'est le même nœud que <code>oldChild</code>.</li> -</ul> +- `newChild` est le nouveau nœud qui remplacera `oldChild`. S'il existe déjà dans le DOM, il sera d'abord enlevé. +- `oldChild` est le nœud existant à remplacer. +- `replaceNode` est le nœud remplacé. C'est le même nœud que `oldChild`. -<h2 id="Example">Exemple</h2> +## Exemple -<pre class="brush:js">// Étant donné que : -// <div> -// <span id="childSpan">foo bar</span> -// </div> +```js +// Étant donné que : +// <div> +// <span id="childSpan">foo bar</span> +// </div> // Crée un nœud d'élément vide // sans ID, sans attributs et sans contenu @@ -53,38 +51,22 @@ var parentDiv = sp2.parentNode; parentDiv.replaceChild(sp1, sp2); // Résultat : -// <div> -// <span id="newSpan">nouvel élément span de remplacement.</span> -// </div> -</pre> - -<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> - -<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> - -<p>{{Compat("api.Node.replaceChild")}}</p> - -<h2 id="See_also">Voir aussi</h2> - -<ul> - <li>{{domxref("Node.removeChild")}}</li> - <li>{{domxref("ChildNode.replaceWith")}}</li> -</ul> +// <div> +// <span id="newSpan">nouvel élément span de remplacement.</span> +// </div> +``` + +## Spécifications + +| Spécification | Statut | Commentaire | +| ---------------------------------------------------------------------------------------------------- | -------------------------------- | ----------- | +| {{SpecName("DOM WHATWG", "#dom-node-replacechild", "Node: replaceChild")}} | {{Spec2("DOM WHATWG")}} | | + +## Compatibilité des navigateurs + +{{Compat("api.Node.replaceChild")}} + +## Voir aussi + +- {{domxref("Node.removeChild")}} +- {{domxref("ChildNode.replaceWith")}} |