Poikkeuksia attribuuttien käsittelyssä JavaScriptissä

Attribuuttien käsittelyssä on poikkeus - attribuutti class. Tämä sana on erikoinen JavaScriptissä ja siksi emme voi yksinkertaisesti kirjoittaa elem.class luodaksemme attribuutin class arvon. Sen sijaan pitäisi kirjoittaa elem.className.

Katsotaanpa esimerkkiä. Oletetaan, että meillä on tällainen input:

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

Tulostetaan attribuutin class arvo meidän inputillemme:

let elem = document.querySelector('#elem');
console.log(elem.className); // tulostaa 'aaa bbb'

On olemassa muitakin poikkeuksia, esimerkiksi attribuutti for. Siihen pitäisi viitata htmlFor:n kautta.

Annettu div:

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

Myös painike annettu. Painiketta painamalla lue ja tulosta näytölle attribuutin class arvo meidän divistämme.

Annettu div:

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

Myös painike annettu. Painiketta painamalla kirjoita attribuuttiin class meidän divistämme jokin luokka.

Annettu div useilla CSS-luokilla, kirjoitettu välilyönnillä erotettuna:

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

Myös painike annettu. Painiketta painamalla hae meidän divimme CSS-luokat taulukkona.