Меню
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON PHP КАК СДЕЛАТЬ
     ❯   

JS Справочник


JavaScript

Модификаторы: Группы: Метасимволы: Квантификаторы: Свойства: Методы:

Window


HTML DOM


HTML События


Web APIs


HTML Объекты


Другие ссылки




HTML DOM Element scrollWidth



Свойство scrollWidth

Примеры element.scrollWidth

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

const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;
Попробуйте сами »

Как отступ, граница и полоса прокрутки влияют на scrollWidth и scrollHeight:

const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;
Попробуйте сами »

Ещё примеры ниже.


Описание scrollWidth

Свойство scrollWidth возвращает ширину элемента, включая отступы, исключая границы, полосы прокрутки или поля.

Свойство scrollWidth возвращает ширину в пикселях.

Свойство scrollWidth доступно только для чтения.

Примечание scrollWidth

Оба параметра scrollWidth и scrollHeight возвращают полную высоту и ширину элемента, включая то, что не отображается (из-за переполнения).

Связные страницы scrollWidth

Свойство scrollHeight

CSS Свойство overflow



Синтаксис scrollWidth

element.scrollWidth

Возвращаемое значение scrollWidth

Тип Описание
NumberШирина элемента в пикселях.

Ещё пример scrollWidth

Установите высоту и ширину элемента в соответствии со значениями, возвращаемыми scrollHeight и scrollWidth:

element.style.height = element.scrollHeight + "px";
element.style.width = element.scrollWidth + "px";
Попробуйте сами »

Поддержка scrollWidth

element.scrollWidth поддерживается во всех браузерах:

Chrome Edge Firefox Safari Opera IE
Да Да Да Да Да Да


×

Связаться с отделом продаж

Если вы хотите использовать услуги schoolsw3 как образовательное учреждение, команда или предприятие, отправьте нам электронное письмо:
sales@schoolsw3.com

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, отправьте нам электронное письмо:
help@schoolsw3.com

Schoolsw3 оптимизирован для обучения и подготовки. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно проверяются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего контента.
При использовании Schoolsw3 вы соглашаетесь прочитать и принять наши условия использования,
политику использования файлов cookie и конфиденциальности.

Авторское право 1999- © Copyright. Все права защищены. Schoolsw3 работает на SW3.CSS.