Метод outerHeight

Метод outerHeight элементнинг баландлигини ички жойлаштирувлар, чегара ва ихтиёрий равишда - ташқи жойлаштирувларни хисобга олган холда олиш ва ўзгартириш имконини беради. Мухим эслаш керакки, биз 'ҳисобланган қиймат' баландлигини (computed height) оламиз. Ҳисоблашда хатолар юз бериши мумкин, агар фойдаланувчи саҳифа ўлчамларини ўзгартирса, шунингдек, агар элемент ёки унинг ота-онаси яширин бўлса.

Синтаксис

Шу тариқа биз элементнинг баландлигини олишимиз мумкин. Бу метод true ёки false (false сустка бўйича белгиланган) шаклида мажбурий бўлмаган параметрни қабул қилиши мумкин, ташқи жойлаштирувлар хисобга олиниши ёки ўхиришига қараб. Айрим ҳолларда олинган қийматлар каср бўлиши мумкин:

$(селектор).outerWidth([включая_margin]);

Элементнинг баландлигини ўзгартириш учун - оддий рақам (масалан 400) ўтказиш мумкин, бунда ўлчов бирликлари пикселлар бўлади, ёки сатр, ўлчов бирликлари кўрсатилган холда (масалан '10em'):

$(селектор).outerHeight(янги қиймат, [включая_margin]);

Шунингдек, биз белгиланган функцини тўпламдаги ҳар бир элементга қўллашимиз мумкин. Бунда биринчи параметр сифатида функциа тўпламдаги элементнинг тартиб рақамини олади, иккинчи параметр сифатида эса - айнан ўша элемент учун белгиланган баландликнинг жорий қийматини. 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,
у элементнинг баландлигини олиш ва ўзгартириш имконини беради, унинг ички жойлаштирувларини хисобга олган холда