HTML DOM scrollWidth Property
Przykład
Uzyskaj pełną wysokość i szerokość elementu, w tym dopełnienie:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Właściwość scrollWidth zwraca całą szerokość elementu w pikselach, łącznie z dopełnieniem, ale bez obramowania, paska przewijania czy marginesu.
Porada: Użyj właściwości scrollHeight , aby zwrócić całą wysokość elementu.
Właściwości scrollWidth i scrollHeight zwracają całą wysokość i szerokość elementu, w tym wysokość i szerokość, które nie są widoczne (z powodu przepełnienia).
Wskazówka: Aby dodać paski przewijania do elementu, użyj właściwości CSS overflow .
Ta właściwość jest tylko do odczytu.
Obsługa przeglądarki
Property | |||||
---|---|---|---|---|---|
scrollWidth | Yes | Yes | Yes | Yes | Yes |
Składnia
element.scrollWidth
Szczegóły techniczne
Wartość zwrotu: | Liczba reprezentująca całą szerokość (w poziomie) elementu w pikselach |
---|
Więcej przykładów
Przykład
Używając dopełnienia, obramowania, paska przewijania i marginesu, aby pokazać, jak to wpływa na właściwość scrollWidth i scrollHeight:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Przykład
Zwróć scrollHeight i scrollWidth elementu, a następnie ustaw jego wysokość i szerokość na wartości zwracane przez scrollHeight i 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";
}