offsetWidth касиети
offsetWidth касиети элементтин толук
туурасын камтыйт (элементтин өз туурасын,
чектердин туурасын, ички аралыктарды,
жылган тилкени камтыйт):
Синтаксис
элемент.offsetWidth;
Мисал
Элементтин толук өлчөмүн билели:
<div id="elem"></div>
#elem {
width: 100px;
height: 100px;
padding: 15px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.offsetWidth);
Кодду иштетүүнүн натыйжасы:
150
Мисал
Эгер элемент жашырылган болсо, анда offsetWidth
0 барабар:
<div id="elem"></div>
#elem {
display: none; /* жашырылган элемент */
width: 100px;
height: 100px;
padding: 15px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.offsetWidth);
Кодду иштетүүнүн натыйжасы:
0
Ошондой эле караңыз
-
clientWidthкасиети,
ал элементтин чектердин ичиндеги туурасын камтыйт -
offsetHeightкасиети,
ал элементтин толук бийиктигин камтыйт -
getComputedStyleметоду,
ал элементтин CSS касиетинин маанисин алат
