Vấn đề đọc style trong JavaScript

Thông qua thuộc tính style chỉ có thể đọc được các style được đặt thông qua thuộc tính style. Điều này có nghĩa là các style được đặt trong file CSS không thể đọc được.

Hãy xem xét một ví dụ. Giả sử chúng ta có phần tử sau:

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

Giả sử trong file CSS cho nó được đặt các style sau:

css#elem {
  color: red;
}

Lấy tham chiếu đến phần tử vào biến:

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

Thử đọc giá trị của style:

javascriptconsole.log(elem.style.color); // sẽ in ra ''