Izjeme pri delu z atributi v JavaScript

Pri delu z atributi obstaja izjema - to je atribut class. Ta beseda je posebna v JavaScriptu in zato ne moremo preprosto napisati elem.class, da bi prebrali vrednost atributa class. Namesto tega je treba pisati elem.className.

Poglejmo si primer. Recimo, da imamo podan takšen input:

html<input id="elem" class="aaa bbb">

Izpišimo vrednost atributa class za naš input:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.className); // izpiše 'aaa bbb'

Obstajajo tudi druge izjeme, na primer, atribut for. Do njega je treba dostopati prek htmlFor.

Задание 1

Podan je div:

html<div id="elem" class="content no-gap"></div>

Podan je tudi gumb. Ob kliku na gumb preberite in izpišite na zaslon vrednost atributa class našega divja.

Задание 2

Podan je div:

html<div id="elem"></div>

Podan je tudi gumb. Ob kliku na gumb zapišite v atribut class našega divja kakšen razred.

Задание 3

Podan je div z več CSS razredi, zapisanimi skozi presledek:

html<div id="elem" class="aaa bbb ccc"></div>

Podan je tudi gumb. Ob kliku na gumb pridobite seznam CSS razredov našega divja.