Метод innerWidth

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

Синтакса

Добити ширину елемента. У неким случајевима добијене вредности могу бити разломљене:

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

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

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

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

$(селектор).innerWidth(function(редни број у скупу, тренутна вредност ширине));

Пример

Хајде да за поређење испишемо информацију о ширини пасуса #test, добијеној методама width и innerWidth:

<p id="test">текст</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,
који омогућава добијање и измену ширине елемента, узимајући у обзир његове одступе и ивицу