Atrybut class w HTML

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Atrybut class służy do przypisywania elementom HTML jednej lub wielu klas. Klasy są najczęściej używane do stylowania elementów w CSS oraz wybierania ich w JavaScript.

Przykład użycia

<p class="akapit">Treść akapitu</p>

W tym przykładzie element <p> ma klasę akapit. Można się do niego odwołać w CSS:

.akapit {
  color: blue;
}

lub w JavaScript:

document.getElementsByClassName("akapit");

Kilka klas w jednym elemencie

Element może mieć więcej niż jedną klasę. Nazwy klas rozdziela się spacjami:

<p class="akapit wazny">Treść</p>

Taki element należy jednocześnie do klasy akapit i klasy wazny.

class a id

class może występować na wielu elementach, natomiast id powinno jednoznacznie identyfikować jeden element na stronie.

<p class="akapit">Pierwszy</p>
<p class="akapit">Drugi</p>
<p id="naglowek">Nagłówek</p>

Na egzaminie trzeba zwracać uwagę, czy metoda JavaScript szuka klasy, identyfikatora czy znacznika. getElementsByClassName("akapit") odnosi się do elementów z class="akapit", a nie do id="akapit" ani tekstu akapit wewnątrz elementu.