Lastnost offsetWidth
Lastnost offsetWidth vsebuje celotno
širino elementa (vključuje dejansko širino
elementa, širino robov, notranje odmike,
drsnike):
Sintaksa
element.offsetWidth;
Primer
Ugotovimo celotno velikost 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 izvajanja kode:
150
Primer
Če je element skrit, je offsetWidth
0:
<div id="elem"></div>
#elem {
display: none; /* skrit element */
width: 100px;
height: 100px;
padding: 15px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.offsetWidth);
Rezultat izvajanja kode:
0
Glejte tudi
-
lastnost
clientWidth,
ki vsebuje širino elementa znotraj robov -
lastnost
offsetHeight,
ki vsebuje celotno višino elementa -
metoda
getComputedStyle,
ki pridobi vrednost CSS lastnosti elementa
