Eienskap offsetWidth

Die eienskap offsetWidth bevat die volle breedte van 'n element (insluitend die element se werklike breedte, randbreedte, binnekant-padding, strookies om te rol):

Sintaksis

element.offsetWidth;

Voorbeeld

Laat ons die element se volle grootte uitvind:

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

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

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

Resultaat van die kode:

150

Voorbeeld

As die element versteek is, is offsetWidth gelyk aan 0:

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

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

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

Resultaat van die kode:

0

Sien ook

die eienskap clientWidth,
wat die breedte van die element binne sy rande bevat
die eienskap offsetHeight,
wat die volle hoogte van die element bevat
die metode getComputedStyle,
wat die waarde van 'n CSS-eienskap van 'n element kry