Egenskapen offsetWidth

Egenskapen offsetWidth innehåller hela bredden på ett element (inkluderar elementets faktiska bredd, kantlinjers bredd, inre utfyllnad, rullningslister):

Syntax

javascriptelement.offsetWidth;

Exempel

Låt oss ta reda på elementets totala storlek:

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

Resultat av kodkörning:

javascript150

Exempel

Om elementet är dolt, så är offsetWidth 0:

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

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

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

Resultat av kodkörning:

javascript0

Se även