CSS atribuutide väärtuste lahtipakkimine JavaScriptis
style atribuudi lugemisel
lühendatud CSS atribuudid pakitakse lahti
oma täielikeks atribuutideks. Vaatame,
mida selle all mõeldakse. Olgu meil
määratud marginaal kõigile külgedele:
elem.style.margin = '20px';
Väljastame selle:
console.log(elem.style.margin); // väljastab '20px';
Samal ajal on ka üksikute külgede atribuutide lugemine saadaval:
console.log(elem.style.marginLeft); // väljastab '20px';
Antud div:
<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
text
</div>
Samuti on antud nupp. Nupu vajutamisel väljasta piiri paksus, selle tüüp ja värv.