Метод clientHeight
Пример element.clientHeight
Получите высоту и ширину «myDIV», включая отступы:
const element = document.getElementById("myDIV");
let text = "clientHeight: " + element.clientHeight + "px<br>";
text += "clientWidth: " + element.clientWidth + "px";
Попробуйте сами »
Ещё примеры ниже.
Описание clientHeight
Свойство clientHeight возвращает видимую высоту элемента в пикселях, включая отступ, но не границу, полосу прокрутки или поле.
Свойство clientHeight доступно только для чтения.
Учебник CSS Box Модель
Связные страницы clientHeight
Чтобы добавить полосы прокрутки к элементу, используйте свойство CSS overflow.
Синтаксис clientHeight
element.clientHeight
Возвращаемое значение clientHeight
| Тип | Описание |
|---|---|
| Number | Видимая высота элемента (в пикселях), включая отступы. |
Разница между clientHeight/clientWidth и offsetHeight/offsetWidth
Без полосы прокрутки:
const element = document.getElementById("myDIV");
let text = "";
text += "clientHeight: " + element.clientHeight + "px<br>";
text += "offsetHeight: " + element.offsetHeight + "px<br>";
text += "clientWidth: " + element.clientWidth + "px<br>";
text += "offsetWidth: " + element.offsetWidth + "px";
Попробуйте сами »
С полосой прокрутки:
const element = document.getElementById("myDIV");
let text = "";
text += "clientHeight: " + element.clientHeight + "px<br>";
text += "offsetHeight: " + element.offsetHeight + "px<br>";
text += "clientWidth: " + element.clientWidth + "px<br>";
text += "offsetWidth: " + element.offsetWidth + "px";
Попробуйте сами »
Поддержка браузера clientHeight
element.clientHeight поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | Да |