innerHeight մեթոդը

innerHeight մեթոդը հնարավորություն է տալիս ստանալ և փոխել տարրի բարձրությունը՝ հաշվի առնելով նրա ներքին բացվածքները: Կարևոր է հիշել, որ մենք կստանանք բարձրության 'հաշվարկված արժեք' (computed height): Հաշվարկման սխալները կարող են առաջանալ նաև, եթե օգտագործողը փոխում է էջի չափերը, և նաև, եթե տարրը կամ նրա ծնող թաքնված են: Բարձրության արժեքը չի հաշվի առնում տարրի եզրագծի հաստությունը:

Շարահյուսություն

Ստանալ տարրի բարձրությունը: Որոշ դեպքերում ստացված արժեքները կարող են լինել կոտորակային:

javascript$(սելեկտոր).innerHeight();

Տարրի բարձրությունը փոխելու համար կարելի է փոխանցել պարզապես թիվ (օրինակ 400), ապա չափման միավորը կլինի պիքսել, կամ տող, նշելով չափման միավորը (օրինակ '10em'):

javascript$(սելեկտոր).innerHeight(նոր արժեք);

Մենք կարող ենք նաև կիրառել տրված ֆունկցիան յուրաքանչյուր տարրի համար հավաքածուում: Այդ դեպքում ֆունկցիան առաջին պարամետրով կստանա տարրի համարը հավաքածուում, իսկ երկրորդ պարամետրով - տվյալ տարրի համար բարձրության ընթացիկ արժեքը: this ֆունկցիայի ներսում կցուցադրի ընթացիկ տարրը: Տարրի բարձրության արժեքը կփոխվի այն արժեքով, որը կվերադարձնի ֆունկցիան:

javascript$(սելեկտոր).innerHeight(function(համարը հավաքածուում, բարձրության ընթացիկ արժեք));

Օրինակ

Եկեք համեմատության համար արտածենք #test պարագրաֆի բարձրության մասին տեղեկատվությունը, որը ստացվել է height և innerHeight մեթոդներով:

html<p id="test">տեքստ</p>
<p id="out1"></p>
<p id="out2"></p>

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

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

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

Մենք կտեսնենք 10px տարբերություն, որը մեր վերին և ստորին ներքին բացվածքների գումարն է:

Տես նաև