JavaScript හි style ගුණාංගයේ මැනීමේ ඒකක
style ගුණාංගය හරහා ගුණවල
අගයන් සඳහන් කිරීමේදී අපි මැනීමේ
ඒකක සඳහන් කළ යුතුය:
elem.style.width = '100px';
අගයන් කියවීමේදී ඒවා ද මැනීමේ ඒකක සමඟ ලැබෙනු ඇත:
let width = elem.style.width;
console.log(width); // '100px' ප්රතිදානය කරයි;
අවශ්ය නම් අපට parseInt භාවිතයෙන්
මැනීමේ ඒකක ඉවත් කළ හැකිය:
let width = elem.style.width;
console.log(parseInt(width)); // 100 ප්රතිදානය කරයි
දශම අගයන් අපේක්ෂා කරන්නේ නම්,
parseFloat ශ්රිතය භාවිතා කළ හැකිය:
let width = elem.style.width;
console.log(parseFloat(width));
div එකක් සහ බොත්තමක් ලබා දී ඇත. බොත්තම ක්ලික් කිරීමෙන්
div එකට 400px පළලක් සහ
300px උසක් යොදන්න.
div එකක් ලබා දී ඇත:
<div id="elem" style="width: 300px; height: 200px;">
text
</div>
බොත්තමක් ද ලබා දී ඇත. බොත්තම ක්ලික් කිරීමෙන් div එකේ පළල සහ උස මැනීමේ ඒකක නොමැතිව ප්රදර්ශනය කරන්න.
div එකක් ලබා දී ඇත:
<div id="elem" style="font-size: 1.5em;">
text
</div>
බොත්තමක් ද ලබා දී ඇත. බොත්තම ක්ලික් කිරීමෙන් div එකේ අකුරු ප්රමාණය මැනීමේ ඒකක නොමැතිව ප්රදර්ශනය කරන්න.
