JavaScript හි ස්ටයිල් කියවීමේ ගැටළු
style ගුණාංගය භාවිතයෙන්
style ගුණාංගයෙන්ම සකස් කරන ලද
ස්ටයිල පමණක් කියවිය හැකිය. එයින්
අදහස් වන්නේ CSS ගොනුවක සකස් කරන ලද
ස්ටයිල කියවිය නොහැකි බවයි.
අපි උදාහරණයක් බලමු. අපට පහත අංගය ඇතැයි සිතමු:
<div id="elem">
text
</div>
CSS ගොනුවෙන් ඒ සඳහා පහත ස්ටයිල සකස් කර ඇතැයි සිතමු:
#elem {
color: red;
}
අංගයට යොමුව විචල්යයකට ලබා ගනිමු:
let elem = document.querySelector('#elem');
ස්ටයිලයේ අගය කියවීමට උත්සාහ කරමු:
console.log(elem.style.color); // '' ප්රතිදානය කරයි
