JavaScript'te Stil Okuma Sorunları

style özelliği aracılığıyla sadece style niteliği ile atanan stiller okunabilir. Bu, CSS dosyasında belirlenen stillerin okunamayacağı anlamına gelir.

Bir örnek üzerinde görelim. Aşağıdaki elementi ele alalım:

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

CSS dosyasında bunun için aşağıdaki stillerin belirlendiğini varsayalım:

css#elem {
  color: red;
}

Elemente bir referansı değişkene alalım:

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

Stil değerini okumayı deneyelim:

javascriptconsole.log(elem.style.color); // '' yazdıracak