Vlastnosť offsetWidth

Vlastnosť offsetWidth obsahuje celkovú šírku prvku (vrátane vlastnej šírky prvku, šírky okrajov, vnútorných odstupov, posuvníkov):

Syntax

javascriptprvok.offsetWidth;

Príklad

Pozrime sa na celkovú veľkosť prvku:

html<div id="elem"></div>

css#elem {
  width: 100px;
  height: 100px;
  padding: 15px;
  border: 10px solid black;
}

javascriptlet elem = document.querySelector('#elem');
console.log(elem.offsetWidth);

Výsledok vykonania kódu:

javascript150

Príklad

Ak je prvok skrytý, potom offsetWidth je 0:

html<div id="elem"></div>

css#elem {
  display: none; /* skrytý prvok */
  width: 100px;
  height: 100px;
  padding: 15px;
  border: 10px solid black;
}

javascriptlet elem = document.querySelector('#elem');
console.log(elem.offsetWidth);

Výsledok vykonania kódu:

javascript0

Pozrite tiež