Uppackning av CSS-egenskapsvärden i JavaScript
Vid läsning av attributet style packas
förkortade CSS-egenskaper upp till sina
fulla egenskaper. Låt oss se
vad som menas. Låt oss anta att vi har
satt en marginal för alla sidor:
elem.style.margin = '20px';
Låt oss skriva ut den:
console.log(elem.style.margin); // skriver ut '20px';
Samtidigt kommer läsning av egenskaper för individuella sidor också att vara tillgänglig:
console.log(elem.style.marginLeft); // skriver ut '20px';
Given en div:
<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
text
</div>
Given även en knapp. Vid klick på knappen, skriv ut kantens tjocklek, dess typ och färg.