जावास्क्रिप्ट में 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 के फ़ॉन्ट आकार को मापन इकाई के बिना आउटपुट करें।
