Svojstvo offsetWidth
Svojstvo offsetWidth sadrži punu
širinu elementa (uključuje samu širinu
elementa, širinu granica, unutrašnje odstupanja,
trake za pomeranje):
Sintaksa
element.offsetWidth;
Primer
Hajde da saznamo punu veličinu elementa:
<div id="elem"></div>
#elem {
width: 100px;
height: 100px;
padding: 15px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.offsetWidth);
Rezultat izvršavanja koda:
150
Primer
Ako je element skriven, onda je offsetWidth jednako
0:
<div id="elem"></div>
#elem {
display: none; /* skriveni element */
width: 100px;
height: 100px;
padding: 15px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.offsetWidth);
Rezultat izvršavanja koda:
0
Vidi takođe
-
svojstvo
clientWidth,
koje sadrži širinu elementa unutar granica -
svojstvo
offsetHeight,
koje sadrži punu visinu elementa -
metod
getComputedStyle,
koji dobija vrednost CSS svojstva elementa
