یہ پوسٹ جاوا اسکرپٹ میں ونڈو آبجیکٹ کے 'getComputedStyle()' طریقہ کے مقصد، کام کرنے اور استعمال کو بیان کرتی ہے۔
جاوا اسکرپٹ میں ونڈو آبجیکٹ کا 'getComputedStyle()' طریقہ کیا کرتا ہے؟
' getComputedStyle() ' طریقہ 'CSSStyleDeclaration' آبجیکٹ کو لوٹاتا ہے جس میں CSS کی خصوصیات اور ان کی اقدار کا مجموعہ ہوتا ہے۔ یہ ھدف بنائے گئے HTML عنصر کے اسٹائل کی خصوصیات کی گنتی کرتا ہے۔ اس کے علاوہ، یہ ایچ ٹی ایم ایل عنصر کے مخصوص حصے کے اسٹائل کی خصوصیات کو کمپیوٹنگ میں بھی اہم کردار ادا کرتا ہے۔
نحو
کھڑکی getComputedStyle ( عنصر , pseudoElement )
مندرجہ بالا نحو میں:
- کھڑکی: یہ عالمی آبجیکٹ ہے جو براؤزر ونڈو کی نمائندگی کرتا ہے۔
- عنصر: یہ مخصوص HTML عنصر کی وضاحت کرتا ہے جس کے انداز کی گنتی کی ضرورت ہے۔
- pseudoElement: یہ دیئے گئے HTML عنصر کے حصے سے مراد ہے جیسے، پہلا حرف، آخری حرف، وغیرہ۔
مندرجہ ذیل حصے میں مثالوں کی مدد سے 'getComputedStyle()' طریقہ کار کی عملی مثال دی گئی ہے۔
HTML کوڈ (بشمول CSS اسٹائلنگ)
سب سے پہلے، درج ذیل HTML کوڈ کا جائزہ لیں:
< سر >
< انداز >
h3{
فونٹ سائز: 20px؛
پس منظر کا رنگ: سبز پیلا۔
}
< / انداز >
< / سر >
< جسم >
< h2 > ونڈو آبجیکٹ کا getComputedStyle() طریقہ استعمال کریں۔ < / h2 >
< h3 آئی ڈی = 'ڈیمو' > دیئے گئے HTML عنصر کا فونٹ سائز ہے: < / h3 >
< ص آئی ڈی = 'نمونہ' >< / ص >
کوڈ کی اوپر کی لائنوں میں:
- '