जावास्क्रिप्ट में स्टाइल पढ़ने की समस्याएं

style गुण के माध्यम से केवल style विशेषता के माध्यम से निर्धारित स्टाइल ही पढ़े जा सकते हैं। इसका मतलब है कि CSS फ़ाइल में निर्धारित स्टाइल नहीं पढ़े जा सकते।

आइए एक उदाहरण पर नज़र डालें। मान लीजिए कि हमारे पास निम्नलिखित तत्व है:

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

मान लीजिए कि CSS फ़ाइल में इसके लिए निम्नलिखित स्टाइल निर्धारित हैं:

css#elem {
  color: red;
}

तत्व का संदर्भ एक चर में प्राप्त करें:

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

आइए स्टाइल का मान पढ़ने का प्रयास करें:

javascriptconsole.log(elem.style.color); // '' प्रिंट करेगा