Uttpakking av CSS-egenskapsverdier i JavaScript
Ved lesing av style-attributtet
blir forkortede CSS-egenskaper pakket
ut til sine fulle egenskaper. La oss se
hva som menes med dette. La oss si at
vi har satt en margin for alle sider:
elem.style.margin = '20px';
La oss skrive den ut:
console.log(elem.style.margin); // vil skrive ut '20px';
Samtidig vil lesing av egenskaper for enkelte sider også være tilgjengelig:
console.log(elem.style.marginLeft); // vil skrive ut '20px';
Gitt en div:
<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
text
</div>
Det er også gitt en knapp. Ved klikk på knappen skal du skrive ut tykkelsen på rammen, dens type og farge.