JavaScript-da uslublarni o'qish muammolari

style xususiyati orqali faqat style atributi orqali berilgan uslublarni o'qish mumkin. Bu shuni anglatadiki, CSS faylida berilgan uslublarni o'qib bo'lmaydi.

Keling, misol orqali ko'rib chiqaylik. Bizda quyidagi element bor:

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

CSS faylida unga quyidagi uslublar berilgan:

css#elem {
  color: red;
}

Elementga havolani o'zgaruvchiga olaylik:

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

Keling, uslub qiymatini o'qishga harakat qilaylik:

javascriptconsole.log(elem.style.color); // '' chiqadi