Eigenschaft offsetWidth

Die Eigenschaft offsetWidth enthält die Gesamtbreite eines Elements (einschließlich der eigentlichen Breite des Elements, der Rahmenbreite, der Innenabstände, der Bildlaufleisten):

Syntax

element.offsetWidth;

Beispiel

Lassen Sie uns die Gesamtgröße eines Elements ermitteln:

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

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

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

Ergebnis der Codeausführung:

150

Beispiel

Wenn das Element ausgeblendet ist, ist offsetWidth gleich 0:

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

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

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

Ergebnis der Codeausführung:

0

Siehe auch

die Eigenschaft clientWidth,
die die Breite des Elements innerhalb der Rahmen enthält
die Eigenschaft offsetHeight,
die die Gesamthöhe des Elements enthält
die Methode getComputedStyle,
die den Wert einer CSS-Eigenschaft eines Elements abruft