Metóda innerWidth

Metóda innerWidth umožňuje získať a zmeniť šírku prvku vrátane jeho vnútorných odsadení. Je dôležité mať na pamäti, že budeme dostávať 'vypočítanú hodnotu' šírky (computed width). Chyby vo výpočte môžu tiež nastať, ak používateľ mení veľkosť stránky, alebo ak je prvok alebo jeho rodičovský prvok skrytý. Hodnota šírky nezahŕňa hrúbku okraja prvku.

Syntax

Získať šírku prvku. V niektorých prípadoch získané hodnoty môžu byť desatinné čísla:

$(selektor).innerWidth();

Na zmenu šírky prvku - môžeme zadať jednoducho číslo (napríklad 400), potom jednotky merania budú pixely, alebo reťazec, s uvedením jednotiek merania (napríklad '10em'):

$(selektor).innerWidth(nová hodnota);

Tiež môžeme aplikovať danú funkciu na každý prvok v množine. Prvým parametrom funkcia dostane index prvku v množine, a druhým parametrom - aktuálnu hodnotu zadanej šírky pre konkrétny prvok. Hodnota this vo vnútri funkcie bude ukazovať na aktuálny prvok. Hodnota šírky prvku sa zmení na tú, ktorú funkcia vráti:

$(selektor).innerWidth(function(index v množine, aktuálna hodnota šírky));

Príklad

Pre porovnanie vypíšme informáciu o šírke odseku #test, získanej metódami width a innerWidth:

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

Uvidíme rozdiel 10px, čo je súčet našich ľavého a pravého vnútorného odsadenia.

Pozri tiež

metóda width,
ktorá umožňuje získať a zmeniť šírku prvku
metóda outerWidth,
ktorá umožňuje získať a zmeniť šírku prvku, vrátane jeho odsadení a okraja