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 методу,
ал элементдин туурасын алууга жана өзгөртүүгө мүмкүндүк берет, анын боштуктарын жана чекейин эске алуу менен