CSS-ominaisuuksien arvojen purku JavaScriptissä
Kun style-attribuuttia luetaan, lyhennetyt
CSS-ominaisuudet puretaan täydellisiksi
ominaisuuksikseen. Katsotaanpa,
mitä tarkoitetaan. Oletetaan, että meillä on
marginaali asetettu kaikille sivuille:
elem.style.margin = '20px';
Tulostetaan se:
console.log(elem.style.margin); // tulostaa '20px';
Samaan aikaan yksittäisten sivujen ominaisuuksien lukeminen on myös mahdollista:
console.log(elem.style.marginLeft); // tulostaa '20px';
Annettu div:
<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
text
</div>
Myös painike on annettu. Painiketta napsautettaessa tulosta reunan paksuus, sen tyyppi ja väri.
