HTML-DOM scrollWidth- Eigenschaft
Beispiel
Holen Sie sich die gesamte Höhe und Breite eines Elements, einschließlich Polsterung:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die scrollWidth-Eigenschaft gibt die gesamte Breite eines Elements in Pixel zurück, einschließlich Padding, aber nicht des Rahmens, der Bildlaufleiste oder des Rands.
Tipp: Verwenden Sie die scrollHeight- Eigenschaft, um die gesamte Höhe eines Elements zurückzugeben.
Die Eigenschaften scrollWidth und scrollHeight geben die gesamte Höhe und Breite eines Elements zurück, einschließlich der Höhe und Breite, die nicht sichtbar sind (wegen Überlauf).
Tipp: Um einem Element Bildlaufleisten hinzuzufügen, verwenden Sie die CSS- Überlaufeigenschaft .
Diese Eigenschaft ist schreibgeschützt.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
scrollWidth | Yes | Yes | Yes | Yes | Yes |
Syntax
element.scrollWidth
Technische Details
Rückgabewert: | Eine Zahl, die die gesamte Breite (horizontal) eines Elements in Pixel darstellt |
---|
Mehr Beispiele
Beispiel
Verwenden von Padding, Border, Scrollbar und Margin, um zu zeigen, wie sich dies auf die Eigenschaften scrollWidth und scrollHeight auswirkt:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Beispiel
Geben Sie scrollHeight und scrollWidth eines Elements zurück und setzen Sie dann seine Höhe und Breite auf die Werte, die von scrollHeight und scrollWidth zurückgegeben werden:
var elmnt = document.getElementById("content");
function getFunction() {
var x = elmnt.scrollWidth;
var y = elmnt.scrollHeight;
}
function setFunction() {
elmnt.style.height = y.scrollHeight + "px";
elmnt.style.width = y.scrollWidth + "px";
}