---
title: element.setAttributeNode
slug: Web/API/Element/setAttributeNode
tags:
  - DOM
  - Dokumentacja_Gecko_DOM
  - Gecko
  - Wszystkie_kategorie
translation_of: Web/API/Element/setAttributeNode
---
<p>{{ ApiRef() }}</p>
<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3>
<p><code>setAttributeNode</code> dodaje do elementu nowy węzeł typu <code>Attr</code>.</p>
<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3>
<pre class="eval"><i>zastąpionyAtr</i> = element.setAttributeNode(<i>atrybut</i>)
</pre>
<h3 id="Parametry" name="Parametry">Parametry</h3>
<ul>
 <li><code>atrybut</code> jest węzłem typu <code>Attr</code></li>
 <li><code>zastąpionyAtr</code> jest węzłem zastąpionego atrybutu - jeśli był taki - zwróconym przez tę metodę</li>
</ul>
<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3>
<pre>// &lt;div id="raz" align="left"&gt;raz&lt;/div&gt;
// &lt;div id="dwa"&gt;dwa&lt;/div&gt;
d1 = document.getElementById("raz");
d2 = document.getElementById("dwa");
a = d1.getAttributeNode("align");
d2.setAttributeNode(a);
alert(d2.attributes[1].value)
// wypisze: "left"
</pre>
<h3 id="Uwagi" name="Uwagi">Uwagi</h3>
<p>Jeżeli istnieje już atrybut o danej nazwie, zostanie on zastąpiony nowym atrybutem i zwrócony jako wynik funkcji.</p>
<p>Tej metody używa się rzadko - do zmiany atrybutów elementu zwykle wykorzystywana jest metoda <a href="pl/DOM/element.setAttribute">setAttribute</a>.</p>
<p>{{ DOMAttributeMethods() }}</p>
<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3>
<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-887236154">DOM Level 2 Core: setAttributeNode</a> (wprowadzono w <a class="external" href="http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#method-setAttributeNode">DOM Level 1 Core</a></p>
<div class="noinclude">
  </div>
<p>{{ languages( { "en": "en/DOM/element.setAttributeNode", "fr": "fr/DOM/element.setAttributeNode", "ja": "ja/DOM/element.setAttributeNode" } ) }}</p>