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,
რომელიც საშუალებას აძლევს მიიღოს და შეცვალოს ელემენტის სიმაღლე, მისი ველების და საზღვრის გათვალისწინებით