მეთოდი outerHeight

მეთოდი outerHeight საშუალებას აძლევს მიიღოს და შეცვალოს ელემენტის სიმაღლე შიდა ველების, საზღვრის და შერჩევით - გარე ველების გათვალისწინებით. მნიშვნელოვანია გვახსოვდეს, რომ ჩვენ მივიღებთ 'გამოთვლილ მნიშვნელობას' სიმაღლის (computed height). გამოთვლის შეცდომებსაც შეუძლია წარმოშობა, თუ მომხმარებელი ცვლის გვერდის ზომებს და ასევე, თუ ელემენტი ან მისი მშობელი დამალულია.

სინტაქსი

ასე შეგვიძლია მივიღოთ ელემენტის სიმაღლე. ამ მეთოდს შეუძლია მიიღოს არასავალდებულო პარამეტრი true ან false სახით (false არის ნაგულისხმევი), იმის მიხედვით - გაითვალისწინება გარე ველები თუ არა. ზოგიერთ შემთხვევაში მიღებული მნიშვნელობები შეიძლება იყოს წილადი:

$(სელექტორი).outerWidth([მარგინის_ჩათვლით]);

ელემენტის სიმაღლის შესაცვლელად - შეგიძლიათ გადასცეთ უბრალოდ რიცხვი (მაგალითად 400), მაშინ საზომი ერთეულები იქნება პიქსელები, ან სტრიქონი, საზომი ერთეულების მითითებით (მაგალითად '10em'):

$(სელექტორი).outerHeight(ახალი მნიშვნელობა, [მარგინის_ჩათვლით]);

ასევე შეგვიძლია გამოვიყენოთ მინიჭებული ფუნქცია ყველა ელემენტზე კომპლექტში. ამ შემთხვევაში პირველი პარამეტრით ფუნქცია მიიღებს ელემენტის ნომერს კომპლექტში, ხოლო მეორე პარამეტრით - მიმდინარე მნიშვნელობას მინიჭებული სიმაღლისა კონკრეტული ელემენტისთვის. this ფუნქციის შიგნით მიუთითებს მიმდინარე ელემენტზე. ელემენტის სიმაღლის მნიშვნელობა შეიცვლება იმაზე, რასაც ფუნქცია დააბრუნებს:

$(სელექტორი).outerHeight(function(ნომერი კომპლექტში, სიმაღლის მიმდინარე მნიშვნელობა));

მაგალითი

შედარებისთვის გამოვიტანოთ ინფორმაცია აბზაცის #test სიმაღლეზე, მიღებული მეთოდებით height, innerHeight და outerHeight:

<p id="test">ტექსტი</p>
<p id="out1"></p>
<p id="out2"></p>
<p id="out3"></p>
<p id="out4"></p>

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

let h1 = $('#test').height();
let h2 = $('#test').innerHeight();
let h3 = $('#test').outerHeight();
let h4 = $('#test').outerHeight(true);

$('#out1').text(h1);
$('#out2').text(h2);
$('#out3').text(h3);
$('#out4').text(h4);

იხილეთ ასევე

მეთოდი height,
რომელიც საშუალებას აძლევს მიიღოს და შეცვალოს ელემენტის სიმაღლე
მეთოდი innerHeight,
რომელიც საშუალებას აძლევს მიიღოს და შეცვალოს ელემენტის სიმაღლე, მისი შიდა ველების გათვალისწინებით