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 қасиетінің мәнін алады
