Egenskaben offsetWidth

Egenskaben offsetWidth indeholder den fulde bredde af et element (inkluderer selve elementets bredde, kantbredder, indre margener, rullebjælker):

Syntaks

element.offsetWidth;

Lad os finde den fulde størrelse af et element:

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

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

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

Resultatet af kodeudførelsen:

150

Hvis elementet er skjult, er offsetWidth lig med 0:

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

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

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

Resultatet af kodeudførelsen:

0

egenskaben clientWidth,
som indeholder bredden af elementet inden for kanterne
egenskaben offsetHeight,
som indeholder den fulde højde af elementet
metoden getComputedStyle,
som får værdien af elementets CSS-egenskab