innerWidth metodu

innerWidth metodu elementin enini onun daxili boşluqları nəzərə alınmaqla almağa və dəyişməyə imkan verir. Əldə edəcəyimiz enin 'hesablanmış dəyər' (computed width) olduğunu xatırlamaq vacibdir. İstifadəçi səhifənin ölçülərini dəyişdirdikdə və ya element və ya onun valideyni gizlədildikdə də hesablamada səhvlər baş verə bilər. En dəyəri elementin sərhədinin qalınlığını nəzərə almır.

Sintaksis

Elementin enini almaq. Bəzi hallarda əldə edilən dəyərlər kəsr ola bilər:

$(selektor).innerWidth();

Elementin enini dəyişmək üçün sadəcə rəqəm (məsələn 400) ötürülə bilər, bu halda ölçü vahidi piksellər olacaq, ya da ölçü vahidini göstərən sətir (məsələn '10em') ötürülə bilər:

$(selektor).innerWidth(yeni dəyər);

Biz həmçinin müəyyən edilmiş funksiyanı dəstdəki hər bir elementə tətbiq edə bilərik. Bu zaman funksiya birinci parametr kimi dəstdəki elementin nömrəsini, ikinci parametr kimi isə konkret element üçün müəyyən edilmiş enin cari dəyərini alacaq. Funksiya daxilində this dəyəri cari elementə işarə edəcək. Elementin eni funksiyanın qaytardığı dəyərlə dəyişəcək:

$(selektor).innerWidth(function(debdəki nömrə, enin cari dəyəri));

Nümunə

Gəlin müqayisə üçün #test abzası üçün width və innerWidth metodları ilə əldə edilmiş en məlumatını çıxaraq:

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

Biz 10px fərqini görəcəyik, bu da bizim sol və sağ daxili boşluqlarımızın cəmidir.

Həmçinin baxın

width metodu,
elementin enini almağa və dəyişməyə imkan verir
outerWidth metodu,
elementin enini onun boşluqlarını və sərhədini nəzərə alaraq almağa və dəyişməyə imkan verir