Методот innerWidth

Методот innerWidth овозможува добивање и менување на ширината на елементот со земање предвид на неговите внатрешни отстојувања. Важно е да се запамети дека ќе го добиеме 'пресметаната вредност' на ширината (computed width). Грешки во пресметката може да се појават исто така, ако корисникот ги менува димензиите на страницата, како и, ако елементот или неговиот родител се скриени. Вредноста на ширината не ги зема предвид дебелините на границата на елементот.

Синтакса

Добивање на ширината на елементот. Во некои случаи добиените вредности може да бидат дробни:

$(селектор).innerWidth();

За да се смени ширината на елементот - може да се пренесе едноставно број (на пример 400), тогаш единиците за мерење ќе бидат пиксели, или стринг, со ознака на единиците за мерење (на пример '10em'):

$(селектор).innerWidth(нова вредност);

Исто така, можеме да примениме зададена функција на секој елемент во множеството. При тоа, првиот параметар функцијата ќе го добие индексот на елементот во множеството, а вториот параметар - моменталната вредност на зададената ширина за конкретниот елемент. Вредноста this во функцијата ќе укажува на тековниот елемент. Вредноста на ширината на елементот ќе се смени на онаа која функцијата ќе ја врати:

$(селектор).innerWidth(function(индекс во множеството, моментална вредност на ширината));

Пример

Ајде за споредба да ја прикажеме информацијата за ширината на параграфот #test, добиена со методите width и 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);

Ќе видиме разлика од 10px, што е збирот од нашите лево и десно внатрешни отстојувања.

Погледнете ги исто така

методот width,
кој овозможува добивање и менување на ширината на елементот
методот outerWidth,
кој овозможува добивање и менување на ширината на елементот, земајќи ги предвид неговите отстојувања и граница