JavaScript-ში სტილების წაკითხვის პრობლემები

style თვისების მეშვეობით შესაძლებელია მხოლოდ style ატრიბუტში მითითებული სტილების წაკითხვა. ეს ნიშნავს, რომ CSS ფაილში მითითებული სტილების წაკითხვა შეუძლებელია.

მოდით შევხედოთ მაგალითს. დავუშვათ, გვაქვს შემდეგი ელემენტი:

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

დავუშვათ, CSS ფაილში მისთვისაა მითითებული შემდეგი სტილები:

css#elem {
  color: red;
}

ელემენტის მითითება მივიღოთ ცვლადში:

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

შევეცადოთ სტილის მნიშვნელობის წაკითხვა:

javascriptconsole.log(elem.style.color); // გამოიტანს ''