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:
html<input id="elem" class="aaa bbb">
Tulostetaan attribuutin class arvo
meidän inputillemme:
javascriptlet 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:
html<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:
html<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:
html<div id="elem" class="aaa bbb ccc"></div>
Myös painike annettu. Painiketta painamalla hae meidän divimme CSS-luokat taulukkona.