HTML DOM Element scrollWidth egenskab

definition og brug

scrollWidth egenskaben returnerer elementets bredde, i pixels, inklusive indrykning, men ikke kant, scrollbar eller ekstern margin.

scrollWidth egenskaben er skrivebeskyttet.

kommentar:scrollWidth og scrollHeight begge returnerer elementets hele højde og bredde, inklusive de usynlige dele (på grund af overflow).

se også:

scrollHeight egenskab

CSS overflow egenskab

eksempel

eksempel 1

få elementets højde og bredde, inklusive indrykning:

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

prøv det selv

eksempel 2

hvorledes padding, kant og scrollbar påvirker scrollWidth og scrollHeight:

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

prøv det selv

eksempel 3

sæt elementets højde og bredde til værdierne fra scrollHeight og scrollWidth:

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

prøv det selv

syntaks

element.scrollWidth

tilbageværdi

type beskrivelse
nummer elementets bredde, i pixels.

browser understøtter

alle browsere understøtter element.scrollWidth:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support Support Support Support Support Support