Proprietà offsetWidth

La proprietà offsetWidth contiene la larghezza completa dell'elemento (include la larghezza dell'elemento stesso, la larghezza dei bordi, il padding interno, le barre di scorrimento):

Sintassi

javascriptelemento.offsetWidth;

Esempio

Scopriamo le dimensioni complete di un elemento:

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);

Risultato dell'esecuzione del codice:

javascript150

Esempio

Se l'elemento è nascosto, offsetWidth è 0:

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

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

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

Risultato dell'esecuzione del codice:

javascript0

Vedi anche