Výjimky při práci s atributy v JavaScriptu

Při práci s atributy existuje výjimka - je to atribut class. Toto slovo je speciální v JavaScriptu a proto nemůžeme jednoduše napsat elem.class, abychom načetli hodnotu atributu class. Místo toho je třeba psát elem.className.

Podívejme se na příklad. Předpokládejme, že máme zadáno takovéto vstupní pole:

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

Vypišme hodnotu atributu class pro naše vstupní pole:

let elem = document.querySelector('#elem');
console.log(elem.className); // vypíše 'aaa bbb'

Existují i další výjimky, například atribut for. K němu je třeba přistupovat přes htmlFor.

Je dán div:

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

Je také dáno tlačítko. Po kliknutí na tlačítko přečtěte a vypište na obrazovku hodnotu atributu class našeho divu.

Je dán div:

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

Je také dáno tlačítko. Po kliknutí na tlačítko zapište do atributu class našeho divu nějakou třídu.

Je dán div s několika CSS třídami, zapsanými mezerou:

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

Je také dáno tlačítko. Po kliknutí na tlačítko získejte pole CSS tříd našeho divu.