Uitpakking van CSS Eienskapwaardes in JavaScript
Wanneer die style attribuut gelees word, word verkorte
CSS eienskappe uitgepak in hul
volwaardige eienskappe. Kom ons kyk
wat daarmee bedoel word. Gestel ons het
'n spasie vir alle kante ingestel:
elem.style.margin = '20px';
Laat ons dit uitskryf:
console.log(elem.style.margin); // sal '20px' uitskryf;
Terselfdertyd sal die lees van eienskappe vir individuele kante ook beskikbaar wees:
console.log(elem.style.marginLeft); // sal '20px' uitskryf;
Gegee 'n div:
<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
teks
</div>
'n Knoppie is ook gegee. Met 'n klik op die knoppie, skryf die dikte van die rand, die tipe daarvan en die kleur uit.
