outerHeight Metodu

outerHeight metodu, bir öğenin iç boşluklarını, kenarlığını ve isteğe bağlı olarak dış boşluklarını dikkate alarak yüksekliğini almanıza ve değiştirmenize olanak tanır. Önemli olan, 'hesaplanan yükseklik değerini' (computed height) alacağımızı unutmamaktır. Kullanıcı sayfanın boyutlarını değiştirirse veya öğe ya da ebeveyni gizliyse, hesaplamada hatalar da ortaya çıkabilir.

Sözdizimi

Bir öğenin yüksekliğini bu şekilde alabiliriz. Bu metot, dış boşlukların dikkate alınıp alınmayacağına bağlı olarak true veya false (varsayılan olarak false) şeklinde isteğe bağlı bir parametre alabilir. Bazı durumlarda alınan değerler ondalıklı olabilir:

$(selektör).outerWidth([margin_dahil]);

Bir öğenin yüksekliğini değiştirmek için - örneğin 400 gibi sadece bir sayı iletebilirsiniz (bu durumda ölçü birimi piksel olur) veya ölçü birimini belirten bir dize iletebilirsiniz (örneğin '10em'):

$(selektör).outerHeight(yeni değer, [margin_dahil]);

Ayrıca, kümedeki her bir öğe için belirtilen bir işlevi uygulayabiliriz. Bu durumda işlev, ilk parametre olarak kümedeki sıra numarasını, ikinci parametre olarak da ilgili öğenin mevcut yükseklik değerini alır. İşlev içindeki this mevcut öğeyi gösterecektir. Öğenin yükseklik değeri, işlevin döndürdüğü değerle değişecektir:

$(selektör).outerHeight(function(kümedeki sıra, mevcut yükseklik değeri));

Örnek

Karşılaştırma için #test paragrafından alınan, height, innerHeight ve outerHeight metotlarıyla elde edilen yükseklik bilgisini çıktı alalım:

<p id="test">metin</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);

Ayrıca Bakınız

height metodu,
bir öğenin yüksekliğini almanıza ve değiştirmenize olanak tanır
innerHeight metodu,
bir öğenin iç boşluklarını dikkate alarak yüksekliğini almanıza ve değiştirmenize olanak tanır