Undtagelser ved arbejde med attributter i JavaScript
Ved arbejde med attributter findes der en undtagelse
- dette er attributten class.
Dette ord er specielt i JavaScript
og derfor kan vi ikke bare skrive elem.class,
for at læse værdien af attributten class.
I stedet for skal man skrive elem.className.
Lad os se på et eksempel. Lad os sige at vi har følgende input:
html<input id="elem" class="aaa bbb">
Lad os udskrive værdien af attributten class
for vores input:
javascriptlet elem = document.querySelector('#elem');
console.log(elem.className); // udskriver 'aaa bbb'
Der findes også andre undtagelser, for eksempel,
attributten for. Man skal tilgå den
via htmlFor.
Givet en div:
html<div id="elem" class="content no-gap"></div>
Der er også givet en knap. Ved klik på knappen skal du læse
og udskrive på skærmen værdien af attributten class
for vores div.
Givet en div:
html<div id="elem"></div>
Der er også givet en knap. Ved klik på knappen skal du skrive
i attributten class for vores div en eller anden
CSS-klasse.
Givet en div med flere CSS-klasser, skrevet med mellemrum:
html<div id="elem" class="aaa bbb ccc"></div>
Der er også givet en knap. Ved klik på knappen skal du hente et array med CSS-klasser for vores div.