Masalah dalam Membaca Gaya di JavaScript

Melalui properti style, hanya gaya yang ditetapkan melalui atribut style yang dapat dibaca. Ini berarti bahwa gaya yang ditetapkan dalam file CSS tidak dapat dibaca.

Mari kita lihat contohnya. Misalkan kita memiliki elemen berikut:

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

Misalkan dalam file CSS, gaya berikut ditetapkan untuknya:

css#elem {
  color: red;
}

Dapatkan referensi ke elemen dalam variabel:

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

Coba baca nilai gaya:

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