innerWidth-metode

Die innerWidth-metode laat toe om die wydte van 'n element te verkry en te verander, met inagneming van sy binnegooietes. Dit is belangrik om te onthou dat ons die 'berekende waarde' van die wydte sal kry (computed width). Foute in die berekening kan ook voorkom as die gebruiker die bladsygrootte verander, en ook as die element of sy ouer versteek is. Die wydtewaarde neem nie die dikte van die element se rand in ag nie.

Sintaksis

Verkry die wydte van die element. In sommige gevalle kan die verkryde waardes breukdele wees:

$(selektor).innerWidth();

Om die wydte van die element te verander - kan 'n eenvoudige nommer oorgedra word (byvoorbeeld 400), dan sal die eenheid pixels wees, of 'n string, met die meeteenheid gespesifiseer (byvoorbeeld '10em'):

$(selektor).innerWidth(nuwe waarde);

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

$(selektor).innerWidth(function(nommer in versameling, huidige wydtewaarde));

Voorbeeld

Laat ons vir vergelyking die inligting oor die wydte van die paragraaf #test uitvoer, verkry deur die metodes width en innerWidth:

<p id="test">teks</p>
<p id="out1"></p>
<p id="out2"></p>

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

let w1 = $('#test').width();
let w2 = $('#test').innerWidth();

$('#out1').text(w1);
$('#out2').text(w2);

Ons sal 'n verskil van 10px sien, wat die som is van ons linker en regter binnegooietes.

Sien ook

die width-metode,
wat toelaat om die wydte van 'n element te verkry en te verander
die outerWidth-metode,
wat toelaat om die wydte van 'n element te verkry en te verander, met inagneming van sy gooietes en rand