Savybė offsetWidth
Savybė offsetWidth apima visą
elemento plotį (įskaitant paties elemento plotį,
kraštinių plotį, vidinius atstumus,
slinkties juostas):
Sintaksė
elementas.offsetWidth;
Pavyzdys
Sužinokime elemento pilną dydį:
<div id="elem"></div>
#elem {
width: 100px;
height: 100px;
padding: 15px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.offsetWidth);
Kodo vykdymo rezultatas:
150
Pavyzdys
Jei elementas yra paslėptas, tai offsetWidth yra
0:
<div id="elem"></div>
#elem {
display: none; /* paslėptas elementas */
width: 100px;
height: 100px;
padding: 15px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.offsetWidth);
Kodo vykdymo rezultatas:
0
Taip pat žiūrėkite
-
savybė
clientWidth,
kuri apima elemento plotį kraštinės viduje -
savybė
offsetHeight,
kuri apima visą elemento aukštį -
metodas
getComputedStyle,
kuris gauna elemento CSS savybės reikšmę
