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); // '' ප්‍රතිදානය කරයි