---
title: element.className
slug: Web/API/Element/className
tags:
  - DOM
  - Dokumentacja_Gecko_DOM
  - Gecko
  - Wszystkie_kategorie
translation_of: Web/API/Element/className
---
<div>
 {{APIRef}}</div>
<div>
  </div>
<div>
 <span style="font-size: 2.14285714285714rem; font-weight: 700; letter-spacing: -1px; line-height: 30px;">Podsumowanie</span></div>
<p><strong>className </strong> pobiera/ustawia wartość atrybutu <code>class</code> bieżącego elementu.</p>
<h2 id="Sk.C5.82adnia_i_warto.C5.9Bci" name="Sk.C5.82adnia_i_warto.C5.9Bci">Składnia i wartości</h2>
<pre class="syntaxbox">var <var>nazwaKlasy</var> = referencjaDoWęzłaElementu.className;
referencjaDoWęzłaElementu.className = <var>nazwaKlasy</var>;
</pre>
<ul>
 <li><var>nazwaKlasy</var> to łańcuch znaków reprezentujący klasę lub rozdzieloną spacjami listę klas bieżącego elementu.</li>
</ul>
<h2 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h2>
<pre class="brush:js">var elementNodeReference = document.getElementById("div1");

if (elementNodeReference.className == "fixed") {
  // pomiń elementy określonej klasy
  goNextElement();
};</pre>
<h2 id="Uwagi" name="Uwagi">Uwagi</h2>
<p>Dla tej właściwości użyto nazwy <code>className</code>, a nie <code>class</code>, ponieważ "class" jest w wielu językach korzystających z DOM słowem kluczowym.</p>
<h2 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h2>
<ul>
 <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-95362176">DOM Level 2 HTML: className</a></li>
</ul>