HTML DOM scrollWidth Свойство

元素对象参考手册Объект Element

Пример

Получите высоту и ширину элемента div, включая padding:

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

Попробуйте сами »

Определение и использование

Свойство scrollWidth — это свойство только для чтения, которое возвращает ширину элемента в пикселях, включая padding, но не включая margin или border. Это целое число в пикселях px.

Значение scrollWidth равно минимальной ширине, необходимой для того, чтобы всё содержимое элемента поместилось в области просмотра без использования горизонтальной полосы прокрутки. Ширина измеряется так же, как clientWidth: она включает padding элемента, но не включает border, margin или вертикальные полосы прокрутки (если они есть). Она также может включать ширину псевдоэлементов, таких как ::before или ::after. Если содержимое элемента помещается без необходимости в горизонтальной полосе прокрутки, его scrollWidth равно clientWidth.

Это свойство только для чтения.

Поддержка браузеров

Свойство
scrollWidth Да Да Да Да Да

Синтаксис

element.scrollWidth

Технические детали

Возвращаемое значение: Возвращает целое число, представляющее ширину элемента в пикселях.

Другие примеры

Пример

Используйте padding, border, scrollbar и margin, чтобы продемонстрировать изменения свойств scrollWidth и scrollHeight:

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

Попробуйте сами »

Пример

Получите значения свойств scrollHeight и scrollWidth элемента, затем используйте полученные высоту и ширину, чтобы задать значения свойств scrollHeight и 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"; }

Попробуйте сами »

元素对象参考手册Объект Element

Другие расширения