Усули outerHeight

Усули outerHeight имкон медиҳад, ки баландии элементро бо дарназардошти фосилаҳои дохилӣ, сарҳад ва ихтиёрӣ - фосилаҳои беруна гирифта ё тағйир диҳем. Муҳим аст донем, ки мо 'арзиши ҳисобшудаи' баландиро (computed height) мегирем. Хатоҳо дар ҳисобкунӣ метавонанд низ рух диҳанд, агар корбар андозаи саҳифаро тағйир диҳад, ва инчунин, агар элемент ё волидайни он пинҳон бошанд.

Синтаксис

Ҳамин тавр мо метавонем баландии элементро гирем. Ин усул метавонад параметри ихтиёрӣ ба шакли true ё false (false ба сурати пешфарз гузошта шудааст) қабул кунад, вобаста ба он ки - оё фосилаҳои беруна ба назар гирифта мешаванд ё не. Дар баъзе ҳолатҳо арзишҳои гирифташуда метавонанд касрӣ бошанд:

javascript$(selector).outerWidth([including_margin]);

Барои тағйир додани баландии элемент - метавон адади соддаро фиристод (масалан 400), он гоҳ воҳидҳои ченак пиксел хоҳанд буд, ё сатр, бо зикри воҳидҳои ченак (масалан '10em'):

javascript$(selector).outerHeight(new_value, [including_margin]);

Инчунин мо метавонем функсияи додашударо ба ҳар як элемент дар маҷмӯъ татбиқ кунем. Дар ин ҳолат функсия якумин параметр рақами элементро дар маҷмӯъ мегирад, ва параметри дуюм - арзиши ҷории баландии муайяншуда барои элементҳои муайян мебошад. this дар дохили функсия ба элементи ҷорӣ ишора мекунад. Арзиши баландии элемент ба он тағйир хоҳад ёфт, ки функсия бармегардонад:

javascript$(selector).outerHeight(function(index, current_height));

Намуна

Биёед барои муқоиса маълумотро дар бораи баландии абзаси #test, ки бо усулҳои height, innerHeight ва outerHeight гирифта шудааст, барорем:

html<p id="test">матн</p>
<p id="out1"></p>
<p id="out2"></p>
<p id="out3"></p>
<p id="out4"></p>

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

javascriptlet 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);

Нигаред низ