diff options
| author | julieng <julien.gattelier@gmail.com> | 2021-10-02 17:20:24 +0200 |
|---|---|---|
| committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-10-02 17:30:20 +0200 |
| commit | 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde (patch) | |
| tree | 30a56efd3eff3a01bd1611e1840fdbbfacf544a4 /files/fr/web/api/range/insertnode | |
| parent | c05efa8d7ae464235cf83d7c0956e42dc6974103 (diff) | |
| download | translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.gz translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.bz2 translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.zip | |
convert content to md
Diffstat (limited to 'files/fr/web/api/range/insertnode')
| -rw-r--r-- | files/fr/web/api/range/insertnode/index.md | 63 |
1 files changed, 22 insertions, 41 deletions
diff --git a/files/fr/web/api/range/insertnode/index.md b/files/fr/web/api/range/insertnode/index.md index bfbe3dc9df..0f3e45f448 100644 --- a/files/fr/web/api/range/insertnode/index.md +++ b/files/fr/web/api/range/insertnode/index.md @@ -3,63 +3,44 @@ title: Range.insertNode() slug: Web/API/Range/insertNode translation_of: Web/API/Range/insertNode --- -<div>{{ApiRef("DOM")}}</div> +{{ApiRef("DOM")}} -<p>La méthode <code><strong>Range.insertNode()</strong></code> insère un nœud au début du {{domxref("Range")}}.</p> +La méthode **`Range.insertNode()`** insère un nœud au début du {{domxref("Range")}}. -<p>Le nouveau nœud est inséré au point de départ du <code>Range</code>. Si le nouveau nœud est sur le point d’être ajouté à un {{domxref("Node")}} texte, ce <code>Node</code> est coupé en deux au point d’insertion, et l’insertion se fait entre les deux nœuds texte.</p> +Le nouveau nœud est inséré au point de départ du `Range`. Si le nouveau nœud est sur le point d’être ajouté à un {{domxref("Node")}} texte, ce `Node` est coupé en deux au point d’insertion, et l’insertion se fait entre les deux nœuds texte. -<p>Si le nouveau nœud est un fragment de document, les enfants du fragment sont insérés à la place.</p> +Si le nouveau nœud est un fragment de document, les enfants du fragment sont insérés à la place. -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox"><em>range</em>.insertNode(<em>newNode</em>); -</pre> + range.insertNode(newNode); -<h3 id="Paramètres">Paramètres</h3> +### Paramètres -<dl> - <dt><em>newNode</em></dt> - <dd>Le {{domxref("Node")}} à insérer au début du <code>range</code>.</dd> -</dl> +- _newNode_ + - : Le {{domxref("Node")}} à insérer au début du `range`. -<h2 id="Exemple">Exemple</h2> +## Exemple -<pre class="brush: js">range = document.createRange(); +```js +range = document.createRange(); newNode = document.createElement("p"); newNode.appendChild(document.createTextNode("New Node Inserted Here")); range.selectNode(document.getElementsByTagName("div").item(0)); range.insertNode(newNode); -</pre> +``` -<h2 id="Spécifications">Spécifications</h2> +## Spécifications -<table class="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-range-insertnode', 'Range.insertNode()')}}</td> - <td>{{Spec2('DOM WHATWG')}}</td> - <td>Pas de changement</td> - </tr> - <tr> - <td>{{SpecName('DOM2 Traversal_Range', 'ranges.html#Level2-Range-method-insertNode', 'Range.insertNode()')}}</td> - <td>{{Spec2('DOM2 Traversal_Range')}}</td> - <td>Définition initiale</td> - </tr> - </tbody> -</table> +| Spécification | Statut | Commentaire | +| -------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | ------------------- | +| {{SpecName('DOM WHATWG', '#dom-range-insertnode', 'Range.insertNode()')}} | {{Spec2('DOM WHATWG')}} | Pas de changement | +| {{SpecName('DOM2 Traversal_Range', 'ranges.html#Level2-Range-method-insertNode', 'Range.insertNode()')}} | {{Spec2('DOM2 Traversal_Range')}} | Définition initiale | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.Range.insertNode")}}</p> +{{Compat("api.Range.insertNode")}} -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li><a href="/en-US/docs/Web/API/Document_Object_Model">L’index des interfaces DOM</a></li> -</ul> +- [L’index des interfaces DOM](/en-US/docs/Web/API/Document_Object_Model) |
