Neueste Web-Entwicklung Tutorials
 

HTML DOM scrollWidth Propery

<Element Object

Beispiel

Holen über die gesamte Höhe und Breite eines Elements, einschließlich padding:

var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Versuch es selber "

Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.

Definition und Verwendung

Die scrollWidth Eigenschaft gibt die ganze Breite eines Elements in Pixeln, einschließlich padding, aber nicht die Grenze, scrollbar oder Rand.

Tipp: Verwenden Sie die Scrollheight Eigenschaft über die gesamte Höhe eines Elements zurück.

Die scrollWidth und Scrollheight Eigenschaften zurück über die gesamte Höhe und Breite eines Elements, einschließlich der Höhe und Breite , die nicht sichtbar ist (because of overflow) .

Tipp: Um die Bildlaufleisten zu einem Elemente hinzuzufügen, die CSS - Überlauf - Eigenschaft.

Diese Eigenschaft ist schreibgeschützt.

Browser-Unterstützung

Eigentum
scrollWidth Ja Ja Ja Ja Ja

Syntax

element .scrollWidth

Technische Details

Rückgabewert: Eine Zahl ist , die gesamte Breite darstellt (horizontally) ein Element in Pixeln
Beispiele

Mehr Beispiele

Beispiel

Mit Polsterung, Grenze, Scrollbar und Marge zu zeigen, wie dies die scrollWidth und Scrollheight Eigenschaft wirkt:

var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Versuch es selber "

Beispiel

Liefert die Scrollheight und scrollWidth eines Elements und setzen dann ihre Höhe und Breite auf die Werte zurück von Scrollheight und scrollWidth:

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";
}
Versuch es selber "

<Element Object