Właściwość offsetWidth

Właściwość offsetWidth zawiera pełną szerokość elementu (zawiera właściwą szerokość elementu, szerokość obramowań, wewnętrzne odstępy, paski przewijania):

Składnia

javascriptelement.offsetWidth;

Przykład

Sprawdźmy pełny rozmiar elementu:

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

Wynik wykonania kodu:

javascript150

Przykład

Jeśli element jest ukryty, to offsetWidth wynosi 0:

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

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

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

Wynik wykonania kodu:

javascript0

Zobacz też