innerHeight մեթոդը

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

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

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

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

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

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

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

$(սելեկտոր).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 մեթոդը,
որը հնարավորություն է տալիս ստանալ և փոխել տարրի բարձրությունը, հաշվի առնելով նրա բացվածքները և եզրագիծը