HTML DOM scrollWidth Eigenschaft
Element-ObjektBeispiel
Höhe und Breite eines div-Elements abrufen, einschließlich padding:
Selbst ausprobieren »
Definition und Verwendung
Die Eigenschaft scrollWidth ist eine schreibgeschützte Eigenschaft, die die Pixelbreite des Elements zurückgibt. Sie enthält padding, aber weder margin noch border. Sie ist eine Ganzzahl in Pixeln px.
Der Wert von scrollWidth entspricht der minimalen Breite, die erforderlich ist, damit der gesamte Inhalt des Elements ohne Verwendung einer horizontalen Bildlaufleiste in den Viewport passt. Die Breite wird auf dieselbe Weise wie clientWidth gemessen: Sie enthält das padding des Elements, aber keine borders, margins oder vertikalen Bildlaufleisten (falls vorhanden). Sie kann auch die Breite von Pseudoelementen wie ::before oder ::after enthalten. Wenn der Inhalt des Elements ohne horizontale Bildlaufleiste passt, entspricht sein scrollWidth dem clientWidth.
Dies ist eine schreibgeschützte Eigenschaft.
Browser-Unterstützung
| Eigenschaft | |||||
|---|---|---|---|---|---|
| scrollWidth | Ja | Ja | Ja | Ja | Ja |
Syntax
element.scrollWidth
Technische Details
| Rückgabewert: | Gibt eine Ganzzahl zurück, die die Pixelbreite des Elements darstellt. |
|---|
Weitere Beispiele
Beispiel
Verwenden Sie padding, border, scrollbar und margin, um Änderungen der Eigenschaften scrollWidth und scrollHeight zu demonstrieren:
Selbst ausprobieren »
Beispiel
Rufen Sie die Werte der Eigenschaften scrollHeight und scrollWidth eines Elements ab und verwenden Sie dann die ermittelte Höhe und Breite, um die Werte der Eigenschaften scrollHeight und scrollWidth eines anderen Elements festzulegen:
Selbst ausprobieren »
Andere Erweiterungen