HTML DOM Element scrollWidth-ominaisuus

Määritelmä ja käyttö

scrollWidth Ominaisuus palauttaa elementin leveyden, pikseleissä, mukaan lukien sisennys, mutta ei reunaa, roolipalkkia tai ulkoparametreja.

scrollWidth Ominaisuus on lukuun ottamatta.

Huomautus:scrollWidth ja scrollHeight Molemmat palauttavat elementin koko korkeuden ja leveyden, mukaan lukien näkymättömät osat (ylipääsemisen vuoksi).

Katso myös:

scrollHeight-ominaisuus

CSS overflow-ominaisuus

Esimerkki

Esimerkki 1

Hanki elementin korkeus ja leveys, mukaan lukien sisennys:

const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;

Kokeile itse

Esimerkki 2

Miten sisennys, reunat ja roolipalkki vaikuttavat scrollWidth- ja scrollHeight-arvoihin:

const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;

Kokeile itse

Esimerkki 3

Aseta elementin korkeus ja leveys scrollHeight- ja scrollWidth-määrittämillä arvoilla:

element.style.height = element.scrollHeight + "px";
element.style.width = element.scrollWidth + "px";

Kokeile itse

Syntaksi

element.scrollWidth

Palautusarvo

Tyyppi Kuvaus
Luku Elementin leveys, pikseleissä.

Selaimen tuki

Kaikki selaimet tukevat element.scrollWidth:

Chrome IE Reuna Firefox Safari Opera
Chrome IE Reuna Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki Tuki