Методи 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,
ки имкон медиҳад, ки васеъии элементро гирифта ё тағйир диҳад, ҷойҳои берунӣ ва сарҳадро дар назар гирад