HTML DOM Element scrollWidth-attribut

definition och användning

scrollWidth egenskapen returnerar elementets bredd, i pixlar, inklusive inre marginaler, utan kantlinjer, scrollbars eller marginaler.

scrollWidth egenskapen är skrivskyddad.

kommentar:scrollWidth och scrollHeight båda returnerar elementets hela höjd och bredd, inklusive de osynliga delarna (på grund av overflow).

se också:

scrollHeight-attribut

CSS overflow-egenskap

exempel

exempel 1

få elementets höjd och bredd, inklusive inre marginaler:

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

prova själv

exempel 2

hur padding, kantlinje och scrollbar påverkar scrollWidth och scrollHeight:

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

prova själv

exempel 3

sätt elementets höjd och bredd till värdena från scrollHeight och scrollWidth:

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

prova själv

syntaks

element.scrollWidth

återvärd

typ beskrivning
nummer elementets bredd, i pixlar.

webbläsarstöd

alla webbläsare stöder element.scrollWidth：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd Stöd