innerHeight နည်းလမ်း

innerHeight နည်းလမ်းသည် အစိတ်အပိုင်း၏ အတွင်းဘက်ခြံရပ်မှုများကို ထည့်သွင်းစဉ်းစားပြီး အမြင့်ကို ရယူခြင်းနှင့် ပြောင်းလဲခြင်းတို့ကို ခွင့်ပြုပေးသည်။ ကျွန်ုပ်တို့သည် အမြင့်၏ 'တွက်ချက်ထားသော တန်ဖိုး' (computed height) ကို ရရှိမည်ဆိုသည်ကို မှတ်သားထားရန် အရေးကြီးပါသည်။ အသုံးပြုသူက စာမျက်နှာ၏ အရွယ်အစားကို ပြောင်းလဲသောအခါ၊ သို့မဟုတ် အစိတ်အပိုင်း သို့မဟုတ် ၎င်း၏ မိဘအစိတ်အပိုင်းများ ဝှက်ထားသောအခါမျိုးတွင် တွက်ချက်မှု အမှားများ ဖြစ်ပေါ်နိုင်ပါသည်။ အမြင့် တန်ဖိုးသည် အစိတ်အပိုင်း၏ နယ်နိမိတ်အထူကို ထည့်သွင်းစဉ်းစားခြင်း မရှိပါ။

ဖွဲ့စည်းပုံ

အစိတ်အပိုင်း၏ အမြင့်ကို ရယူခြင်း။ အချို့သော အခြေအနေများတွင် ရရှိလာသော တန်ဖိုးများသည် ဒဿမပုံစံဖြင့် ရှိနေနိုင်သည်။

$(selector).innerHeight();

အစိတ်အပိုင်း၏ အမြင့်ကို ပြောင်းလဲရန် - ဂဏန်းတစ်ခုကို (ဥပမာ 400) တိုက်ရိုက် ပေးပို့နိုင်သည်၊ ထိုသို့ဆိုလျှင် တိုင်းတာမှု ယူနစ်မှာ ပစ်ဆယ်များ ဖြစ်သွားမည်၊ သို့မဟုတ် တိုင်းတာမှု ယူနစ်ကို ဖော်ပြထားသော စာကြောင်း (ဥပမာ '10em') ကို ပေးပို့နိုင်သည်။

$(selector).innerHeight(အသစ်တန်ဖိုး);

ထို့အပြင် ကျွန်ုပ်တို့သည် သတ်မှတ်ထားသော လုပ်ဆောင်ချက်ကို အစုအတွင်းရှိ အစိတ်အပိုင်းတစ်ခုချင်းစီအတွက် အသုံးချနိုင်သည်။ ဤနည်းဖြင့် လုပ်ဆောင်ချက်၏ ပထမပါရာမီတာအနေဖြင့် အစုအတွင်းရှိ အစိတ်အပိုင်း၏ အစဉ်လိုက်နံပါတ်ကို လက်ခံရရှိမည်၊ ဒုတိယပါရာမီတာအနေဖြင့် သီးခြားအစိတ်အပိုင်းအတွက် သတ်မှတ်ထားသော အမြင့်၏ လက်ရှိတန်ဖိုးကို လက်ခံရရှိမည်။ လုပ်ဆောင်ချက် အတွင်းရှိ this သည် လက်ရှိအစိတ်အပိုင်းကို ညွှန်ပြနေမည်။ အစိတ်အပိုင်း၏ အမြင့်တန်ဖိုးသည် လုပ်ဆောင်ချက် ပြန်ပေးလိုက်သော တန်ဖိုးသို့ ပြောင်းလဲသွားမည်။

$(selector).innerHeight(function(အစုအတွင်းနံပါတ်, လက်ရှိအမြင့်တန်ဖိုး));

ဥပမာ

နှိုင်းယှဉ်ကြည့်ရန် #test စာပိုဒ်၏ အမြင့်အချက်အလက်ကို height နှင့် innerHeight နည်းလမ်းများဖြင့် ရယူထားခြင်းကို ထုတ်ပြကြပါစို့။

<p id="test">စာသား</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 နည်းလမ်း,
အစိတ်အပိုင်း၏ ခြံရပ်မှုများနှင့် နယ်နိမိတ်ကို ထည့်သွင်းစဉ်းစားပြီး အမြင့်ကို ရယူခြင်းနှင့် ပြောင်းလဲခြင်းတို့ကို ခွင့်ပြုပေးသည်