Vlastnosť offsetWidth
Vlastnosť offsetWidth obsahuje celkovú
šírku prvku (vrátane vlastnej šírky
prvku, šírky okrajov, vnútorných odstupov,
posuvníkov):
Syntax
prvok.offsetWidth;
Príklad
Pozrime sa na celkovú veľkosť prvku:
<div id="elem"></div>
#elem {
width: 100px;
height: 100px;
padding: 15px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.offsetWidth);
Výsledok vykonania kódu:
150
Príklad
Ak je prvok skrytý, potom offsetWidth je
0:
<div id="elem"></div>
#elem {
display: none; /* skrytý prvok */
width: 100px;
height: 100px;
padding: 15px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.offsetWidth);
Výsledok vykonania kódu:
0
Pozrite tiež
-
vlastnosť
clientWidth,
ktorá obsahuje šírku prvku vo vnútri okrajov -
vlastnosť
offsetHeight,
ktorá obsahuje celkovú výšku prvku -
metóda
getComputedStyle,
ktorá získa hodnotu CSS vlastnosti prvku
