Уласцівасць 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 уласцівасці элемента
