მეთოდი outerWidth

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

სინტაქსი

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

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

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

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

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

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

მაგალითი

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

<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 w1 = $('#test').width();
let w2 = $('#test').innerWidth();
let w3 = $('#test').outerWidth(false);
let w4 = $('#test').outerWidth(true);

$('#out1').text(w1);
$('#out2').text(w2);
$('#out3').text(w3);
$('#out4').text(w4);

იხილეთ ასევე

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