Свойство 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 хусусияти қийматини олувчи
