Unpacking Nilai Properti CSS dalam JavaScript
Saat membaca atribut style, properti CSS
yang disingkat di-unpack ke dalam
properti lengkapnya. Mari kita lihat
apa maksudnya. Misalkan kita memiliki
padding yang ditetapkan untuk semua sisi:
elem.style.margin = '20px';
Mari kita output:
console.log(elem.style.margin); // akan mengoutput '20px';
Sementara itu, pembacaan properti untuk sisi tertentu juga akan tersedia:
console.log(elem.style.marginLeft); // akan mengoutput '20px';
Diberikan sebuah div:
<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
text
</div>
Diberikan juga sebuah tombol. Pada klik tombol outputkan ketebalan border, tipenya, dan warnanya.
