Uitsonderings wanneer met Attribute in JavaScript gewerk word
Wanneer met attribute gewerk word, bestaan daar 'n uitsondering
- dit is die class-attribuut.
Hierdie woord is spesiaal in JavaScript
en daarom kan ons nie net elem.class skryf nie,
om die waarde van die class-attribuut te lees.
In plaas daarvan moet ons elem.className skryf.
Kom ons kyk na 'n voorbeeld. Gestel ons het die volgende invoerveld:
html<input id="elem" class="aaa bbb">
Kom ons toon die waarde van die class-attribuut
vir ons invoerveld:
javascriptlet elem = document.querySelector('#elem');
console.log(elem.className); // sal 'aaa bbb' toon
Daar is ook ander uitsonderings, byvoorbeeld,
die for-attribuut. Om daarna te verwys moet
ons htmlFor gebruik.
Gegee 'n div:
html<div id="elem" class="content no-gap"></div>
'n Knoppie is ook gegee. Met 'n klik op die knoppie, lees
en toon die waarde van die class-attribuut
van ons div op die skerm.
Gegee 'n div:
html<div id="elem"></div>
'n Knoppie is ook gegee. Met 'n klik op die knoppie, skryf
enige CSS-klasse in die class-attribuut
van ons div in.
Gegee 'n div met verskeie CSS-klasse, geskryf met spasies ertussen:
html<div id="elem" class="aaa bbb ccc"></div>
'n Knoppie is ook gegee. Met 'n klik op die knoppie, kry 'n array van die CSS-klasse van ons div.