1 files changed, 65 insertions, 0 deletions
diff --git a/files/ru/web/api/node/replacechild/index.html b/files/ru/web/api/node/replacechild/index.html
new file mode 100644
index 0000000000..c1959cc322
--- /dev/null
+++ b/files/ru/web/api/node/replacechild/index.html
@@ -0,0 +1,65 @@
+---
+title: Node.replaceChild
+slug: Web/API/Node/replaceChild
+tags:
+  - API
+  - DOM
+  - DOM Elements Method
+  - Gecko
+  - Method
+  - Node
+translation_of: Web/API/Node/replaceChild
+original_slug: Web/API/Node.replaceChild
+---
+<div>
+ {{ApiRef}}</div>
+<h2 id="Summary" name="Summary">Аннотация</h2>
+<p>Заменяет дочерний элемент на выбранный. Возвращает замененный элемент.</p>
+<h2 id="Syntax" name="Syntax">Синтаксис</h2>
+<pre class="syntaxbox"><em>replacedNode</em> = <em>parentNode</em>.replaceChild(<em>newChild</em>, <em>oldChild</em>);
+</pre>
+<ul>
+ <li><code>newChild</code> элемент на который будет заменен <code>oldChild</code>. В случает если он уже есть в DOM, то сначала он будет удален.</li>
+ <li><code>oldChild</code> элемент который будет заменен.</li>
+ <li><code>replacedNode</code> замененный элемент. Тоже самое что и <code>oldChild</code>.</li>
+</ul>
+<h2 id="Example" name="Example">Пример</h2>
+<pre class="brush:js">// &lt;div&gt;
+//  &lt;span id="childSpan"&gt;foo bar&lt;/span&gt;
+// &lt;/div&gt;
+
+// Создаем новый пустой элемент
+// without an ID, any attributes, or any content
+var sp1 = document.createElement("span");
+
+// Присваиваем ему id 'newSpan'
+sp1.setAttribute("id", "newSpan");
+
+// Создаем строку.
+var sp1_content = document.createTextNode("new replacement span element.");
+
+// Добавляем контент в созданный нами узел
+sp1.appendChild(sp1_content);
+
+// создаем ссылку на существующий элемент который будем заменять
+var sp2 = document.getElementById("childSpan");
+var parentDiv = sp2.parentNode;
+
+// заменяем существующий элемент sp2 на созданный нами sp1
+parentDiv.replaceChild(sp1, sp2);
+
+// Результат:
+// &lt;div&gt;
+//   &lt;span id="newSpan"&gt;new replacement span element.&lt;/span&gt;
+// &lt;/div&gt;
+</pre>
+<h2 id="Specification" name="Specification">Спецификация</h2>
+<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 href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-785887307">DOM Level 2 Core: replaceChild</a></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="See_also" name="See_also">См. также</h2>
+<ul>
+ <li>{{domxref("Node.removeChild")}}</li>
+</ul>