innerWidth ක්රමය
innerWidth ක්රමය මූලද්රව්යයක පළල එහි අභ්යන්තර
ඉඩප්රමාණ සැලකිල්ලට ගනිමින් ලබා ගැනීමට සහ වෙනස් කිරීමට
ඉඩ සලසයි. මතක තබා ගත යුත්තේ, අපි 'ගණනය කළ අගය'
පළල (computed width) ලබා ගන්නා බවයි.
පිරික්සුම්කරු පිටුවේ ප්රමාණ වෙනස් කරන්නේ නම් හෝ
මූලද්රව්යය හෝ එහි මාපිය අංශය සැඟවී ඇත්නම් ගණනය කිරීමේ
දෝෂ ද ඇති විය හැකිය. පළල අගය මූලද්රව්යයේ මායිමේ
තද බව සැලකිල්ලට නොගනී.
වාක්ය ඛණ්ඩය
මූලද්රව්යයක පළල ලබා ගන්න. සමහර අවස්ථාවලදී ලබා ගත් අගයන් භාගික විය හැකිය:
$(තෝරාගැනීම).innerWidth();
මූලද්රව්යයක පළල වෙනස් කිරීම සඳහා - සරලව සංඛ්යාවක්
(උදාහරණයක් ලෙස 400) යැවිය හැකිය, එවිට මිනුම්
ඒකක පික්සෙල් වනු ඇත, නැතහොත් ඒකක සඳහන් කරමින්
පේළියක් (උදාහරණයක් ලෙස '10em'):
$(තෝරාගැනීම).innerWidth(නව අගය);
එසේම, අපට ලබා දී ඇති ශ්රිතයක් කට්ටලය තුළ ඇති සෑම
මූලද්රව්යයකටම යොදවිය හැකිය. මෙහිදී, පළමු පරාමිතිය
ලෙස ශ්රිතයට කට්ටලය තුළ මූලද්රව්යයේ අංකය ලැබෙන
අතර, දෙවන පරාමිතිය ලෙස - නිශ්චිත මූලද්රව්යය සඳහා
යොදවා ඇති පළලෙහි වත්මන් අගය ලැබේ. ශ්රිතය තුළ
this අගය වත්මන් මූලද්රව්යයට යොමු වනු ඇත.
මූලද්රව්යයේ පළල අගය ශ්රිතය විසින් ආපසු ලබා දෙන
අගයට වෙනස් වනු ඇත:
$(තෝරාගැනීම).innerWidth(function(කට්ටලය තුළ අංකය, පළලෙහි වත්මන් අගය));
උදාහරණය
සංසන්දනය කිරීම සඳහා, අපි #test ඡේදයේ
පළල පිළිබඳ තොරතුරු,
width
සහ innerWidth ක්රම මගින් ලබා ගෙන ඉවත් කරමු:
<p id="test">පාඨය</p>
<p id="out1"></p>
<p id="out2"></p>
p {
margin: 10px;
padding: 5px;
border: 2px solid blue;
}
let w1 = $('#test').width();
let w2 = $('#test').innerWidth();
$('#out1').text(w1);
$('#out2').text(w2);
අපට 10px වෙනසක් දකිනු ඇත, එය අපගේ වම් සහ
දකුණු අභ්යන්තර ඉඩප්රමාණවල එකතුව වේ.
මෙයද බලන්න
-
widthක්රමය,
මූලද්රව්යයක පළල ලබා ගැනීමට සහ වෙනස් කිරීමට ඉඩ සලසයි -
outerWidthක්රමය,
මූලද්රව්යයක පළල එහි ඉඩප්රමාණ සහ මායිම සැලකිල්ලට ගනිමින් ලබා ගැනීමට සහ වෙනස් කිරීමට ඉඩ සලසයි
