Masalah Membaca Gaya dalam JavaScript

Melalui sifat style, kita hanya boleh membaca gaya yang ditetapkan melalui atribut style. Ini bermakna gaya yang ditetapkan dalam fail CSS tidak boleh dibaca.

Mari kita lihat contoh. Katakan kita mempunyai elemen berikut:

html<div id="elem">
  text
</div>

Katakan dalam fail CSS, gaya berikut ditetapkan untuknya:

css#elem {
  color: red;
}

Dapatkan rujukan kepada elemen dalam pembolehubah:

javascriptlet elem = document.querySelector('#elem');

Mari cuba baca nilai gaya:

javascriptconsole.log(elem.style.color); // akan output ''