From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/fr/web/api/node/replacechild/index.html | 133 ++++++++++++++++++++++++++ 1 file changed, 133 insertions(+) create mode 100644 files/fr/web/api/node/replacechild/index.html (limited to 'files/fr/web/api/node/replacechild') diff --git a/files/fr/web/api/node/replacechild/index.html b/files/fr/web/api/node/replacechild/index.html new file mode 100644 index 0000000000..2233bbd419 --- /dev/null +++ b/files/fr/web/api/node/replacechild/index.html @@ -0,0 +1,133 @@ +--- +title: element.replaceChild +slug: Web/API/Node/replaceChild +tags: + - API + - DOM + - Enfant + - Méthodes + - Noeuds + - Remplacement +translation_of: Web/API/Node/replaceChild +--- +

{{APIRef("DOM")}}

+ +

La méthode Node.replaceChild() remplace un nœud enfant du noeud spécifié par un autre nœud.

+ +

Syntaxe

+ +
replacedNode = parentNode.replaceChild(newChild, oldChild);
+
+ + + +

Exemple

+ +
// <div>
+//  <span id="childSpan">foo bar</span>
+// </div>
+
+// crée un noeud élément vide
+// sans ID, aucun attribut ni contenu
+var sp1 = document.createElement("span");
+
+// lui donne un attribut id appelé 'newSpan'
+sp1.id = "newSpan";
+
+// crée un contenu pour le nouvel élément.
+var sp1_content = document.createTextNode("new replacement span element.");
+
+// applique ce contenu au nouvel élément
+sp1.appendChild(sp1_content);
+
+// construit une référence au noeud existant devant être remplacé
+var sp2 = document.getElementById("childSpan");
+var parentDiv = sp2.parentNode;
+
+// remplace le noeud existant sp2 avec le nouvel élément span sp1
+parentDiv.replaceChild(sp1, sp2);
+
+// résultat :
+// <div>
+//   <span id="newSpan">nouvel élément span de remplacement.</span>
+// </div>
+ +
 
+ +

Spécifications

+ + + +

 

+ +

Compatibilité des navigateurs

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéChromeFirefox (Gecko)Internet ExplorerEdgeOperaSafari
Basic support{{CompatChrome(1.0)}}{{CompatGeckoDesktop(1)}}    IE6 (Maybe Earlier){{CompatVersionUnknown}}{{CompatOpera(1.0)}}{{CompatVersionUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéAndroid WebviewFirefox Mobile (Gecko)IE MobileEdge MobileOpera MobileSafari MobileChrome for Android
Basic support{{CompatVersionUnknown}}{{CompatGeckoMobile(1)}}IE6 (Maybe Earlier){{CompatVersionUnknown}}{{CompatOperaMobile(1.0)}}{{CompatVersionUnknown}}{{CompatChrome(1.0)}}
+
+ +

Voir aussi

+ + + +

 

-- cgit v1.2.3-54-g00ecf