---
title: element.nodeName
slug: Web/API/Node/nodeName
tags:
  - DOM
  - Dokumentacja_Gecko_DOM
  - Gecko
  - Wszystkie_kategorie
translation_of: Web/API/Node/nodeName
original_slug: Web/API/Element/nodeName
---
<p>{{ ApiRef() }}</p>
<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3>
<p>Zwraca nazwę węzła jako ciąg znaków.</p>
<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3>
<pre class="eval"><i>nazwa</i> = element.nodeName
</pre>
<p>
 <i>
  nazwa</i>
 to ciąg znaków reprezentujący nazwę bieżącego elementu. <code>nodeName</code> to atrybut tylko do odczytu.</p>
<h3 id="Uwagi" name="Uwagi">Uwagi</h3>
<p>Poniżej przedstawione są wartości zwracane dla różnych typów węzłów:</p>
<table class="standard-table">
 <tbody>
  <tr>
   <th class="header" style="text-align: center;">Interfejs</th>
   <th class="header" style="text-align: center;">nodeName</th>
  </tr>
  <tr>
   <td><a href="pl/DOM/Attr">Attr</a></td>
   <td>tak samo jak <code><a href="pl/DOM/Attr.name">Attr.name</a></code></td>
  </tr>
  <tr>
   <td><a href="pl/DOM/CDATASection">CDATASection</a></td>
   <td>"#cdata-section"</td>
  </tr>
  <tr>
   <td><a href="pl/DOM/Comment">Comment</a></td>
   <td>"#comment"</td>
  </tr>
  <tr>
   <td><a href="pl/DOM/Document">Document</a></td>
   <td>"#document"</td>
  </tr>
  <tr>
   <td><a href="pl/DOM/DocumentFragment">DocumentFragment</a></td>
   <td>"#document-fragment"</td>
  </tr>
  <tr>
   <td><a href="pl/DOM/DocumentType">DocumentType</a></td>
   <td>tak samo jak <code><a href="pl/DOM/DocumentType.name">DocumentType.name</a></code></td>
  </tr>
  <tr>
   <td><a href="pl/DOM/Element">Element</a></td>
   <td>tak samo jak <code><a href="pl/DOM/element.tagName">Element.tagName</a></code></td>
  </tr>
  <tr>
   <td><a href="pl/DOM/Entity">Entity</a></td>
   <td>nazwa encji</td>
  </tr>
  <tr>
   <td><a href="pl/DOM/EntityReference">EntityReference</a></td>
   <td>nazwa refernecji do encji</td>
  </tr>
  <tr>
   <td><a href="pl/DOM/Notation">Notation</a></td>
   <td>nazwa notacji</td>
  </tr>
  <tr>
   <td><a href="pl/DOM/ProcessingInstruction">ProcessingInstruction</a></td>
   <td>tak samo jak <code><a href="pl/DOM/ProcessingInstruction.target">ProcessingInstruction.target</a></code></td>
  </tr>
  <tr>
   <td>Text</td>
   <td>"#text"</td>
  </tr>
 </tbody>
</table>
<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3>
<p>Dane są poniższe znaczniki</p>
<pre>&lt;div id="d1"&gt;hello world&lt;/div&gt;
&lt;input type="text" id="t"/&gt;
</pre>
<p>i taki skrypt:</p>
<pre>var div1 = document.getElementById("d1");
var poleTekstowe = document.getElementById("t");
poleTekstowe.value = div1.nodeName;
</pre>
<p>W XHTML-u (lub innym formacie XML) wartość pola tekstowego to "div". W HTML wartość ta to "DIV".</p>
<p>Zauważ, że można było użyć właściwości <code><a href="pl/DOM/element.tagName">tagName</a></code>, ponieważ dla elementów <code>nodeName</code> ma taką samą wartość jak <code>tagName</code>.</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-F68D095">W3C DOM Level 2 Core: nodeName</a></p>
<p><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Core/core.html#ID-F68D095">W3C DOM Level 3 Core: nodeName</a></p>
<p> </p>
<p> </p>
<div class="noinclude">
  </div>
<p>{{ languages( { "en": "en/DOM/element.nodeName", "es": "es/DOM/element.nodeName", "fr": "fr/DOM/element.nodeName", "it": "it/DOM/element.nodeName", "ja": "ja/DOM/element.nodeName" } ) }}</p>