outerHeight Metode

Die metode outerHeight laat jou toe om die hoogte van 'n element te verkry en te verander met inagneming van binnegooie, rand en opsioneel - buitegooie van die element. Dit is belangrik om te onthou dat ons die 'berekende waarde' van hoogte sal kry (computed height). Foute in die berekening kan ook voorkom as die gebruiker die grootte van die bladsy verander, en ook as die element of sy ouer versteek is.

Sintaksis

So kan ons die hoogte van 'n element kry. Hierdie metode kan 'n opsionele parameter in die vorm van true of false aanvaar (false is die verstek), afhangende daarvan of buitegooie ingesluit sal word of nie. In sommige gevalle kan die verkryde waardes breuke wees:

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

Om die wydte van 'n element te verander - kan jy bloot 'n nommer oordra (byvoorbeeld 400), dan sal die eenhede van meet pixels wees, of 'n string, met die eenhede van meet gespesifiseer (byvoorbeeld '10em'):

$(selector).outerHeight(new value, [including_margin]);

Ons kan ook 'n gegewe funksie op elke element in die stel toepas. Hierdie funksie sal as eerste parameter die nommer van die element in die stel ontvang, en as tweede parameter - die huidige waarde van die gegewe hoogte vir die spesifieke element. this binne die funksie sal verwys na die huidige element. Die waarde van die wydte van die element sal verander na dié wat deur die funksie teruggegee word:

$(selector).outerHeight(function(index, currentHeight));

Voorbeeld

Kom ons gee inligting oor die hoogte van die paragraaf #test, verkry deur die metodes height, innerHeight en outerHeight vir vergelyking:

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

Sien ook

metode height,
wat jou toelaat om die hoogte van 'n element te verkry en te verander
metode innerHeight,
wat jou toelaat om die hoogte van 'n element te verkry en te verander, met inagneming van sy binnegooie