innerHeight ක්‍රමය

innerHeight ක්‍රමය අංගයක උස එහි අභ්‍යන්තර පිරිවිතර සැලකිල්ලට ගනිමින් ලබා ගැනීමට හා වෙනස් කිරීමට ඉඩ දෙයි. අපට 'ගණනය කළ අගය' උස (computed height) ලැබෙන බව මතක තබා ගැනීම වැදගත්ය. පරිශීලක පිටුවේ ප්‍රමාණය වෙනස් කරන විට, හෝ අංගය හෝ එහි මාපියයා සැඟවී ඇත්නම්, ගණනය කිරීමේ දෝෂ ද සිදුවිය හැකිය. උසෙහි අගය අංගයේ මායිමේ පළල සැලකිල්ලට නොගනී.

වාක්‍ය ඛණ්ඩය

අංගයක උස ලබා ගැනීම. සමහර අවස්ථාවලදී ලබාගත් අගයන් භාගික විය හැකිය:

$(තෝරන්නා).innerHeight();

අංගයක උස වෙනස් කිරීම සඳහා - සරලව අංකයක් (උදාහරණයක් ලෙස 400) යැවිය හැකිය, එවිට මිනුම් ඒකකය පික්සල් වනු ඇත, නැතහොත් ඒකකය සඳහන් කරමින් නූලක් (උදාහරණයක් ලෙස '10em'):

$(තෝරන්නා).innerHeight(නව අගය);

අපට නිශ්චිත ශ්‍රිතයක් කට්ටලයේ එක් එක් අංගයට අයදිය හැකිය. මෙම අවස්ථාවේදී, ශ්‍රිතයට පළමු පරාමිතියක් ලෙස කට්ටලය තුළ ඇති අංගයේ අනුක්‍රමණ අංකය ලැබෙන අතර, දෙවන පරාමිතියක් ලෙස - එම අංගය සඳහා නියම කර ඇති උසෙහි වර්තමාන අගය ලැබේ. this ශ්‍රිතය තුළ වර්තමාන අංගය වෙත සඳහන් කරයි. අංගයේ උසෙහි අගය ශ්‍රිතය විසින් ආපසු ලබා දෙන අගයට වෙනස් වේ:

$(තෝරන්නා).innerHeight(function(කට්ටලය තුළ අනුක්‍රමණ අංකය, උසෙහි වර්තමාන අගය));

උදාහරණය

සංසන්දනය කිරීම සඳහා, අපි #test ඡේදයේ උස පිළිබඳ තොරතුරු, height හා innerHeight ක්‍රම මගින් ලබාගත් පරිදි, ප්‍රතිදානය කරමු:

<p id="test">text</p>
<p id="out1"></p>
<p id="out2"></p>

p {
	margin: 10px;
	padding: 5px;
	border: 2px solid blue;
}

let h1 = $('#test').height();
let h2 = $('#test').innerHeight();

$('#out1').text(h1);
$('#out2').text(h2);

අපට 10px වෙනසක් දක්නට ලැබෙනු ඇත, එය අපගේ ඉහළ හා පහළ අභ්‍යන්තර පිරිවිතරවල එකතුවයි.

මෙයද බලන්න

height ක්‍රමය,
අංගයක උස ලබා ගැනීමට හා වෙනස් කිරීමට ඉඩ දෙයි
outerHeight ක්‍රමය,
අංගයක උස එහි පිරිවිතර හා මායිම සැලකිල්ලට ගනිමින් ලබා ගැනීමට හා වෙනස් කිරීමට ඉඩ දෙයි