JavaScript-də CSS stil oxuma problemləri

style xassəsi vasitəsilə yalnız style atributu ilə təyin edilmiş stilləri oxumaq olar. Bu o deməkdir ki, CSS faylında təyin edilmiş stilləri oxumaq olmaz.

Gəlin bir nümunəyə baxaq. Tutaq ki, bizim aşağıdakı element var:

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

Tutaq ki, CSS faylında onun üçün aşağıdakı stillər təyin edilib:

css#elem {
  color: red;
}

Elementə istinadı dəyişənə əldə edək:

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

Gəlin stil dəyərini oxumağa çalışaq:

javascriptconsole.log(elem.style.color); // '' çap edəcək