Thuộc tính scrollHeight của phần tử DOM HTML

Định nghĩa và cách sử dụng

scrollHeight Thuộc tính này trả về chiều cao của phần tử, tính bằng pixel, bao gồm lề trong, nhưng không bao gồm viền, thanh cuộn hoặc lề ngoài.

scrollHeight Thuộc tính này là chỉ đọc.

Ghi chú:scrollWidth và scrollHeight Cả hai đều trả về toàn bộ chiều cao và chiều rộng của phần tử, bao gồm phần không hiển thị (do tràn).

Xem thêm:

Thuộc tính scrollWidth

Thuộc tính overflow của CSS

Mô hình

Ví dụ 1

Lấy chiều cao và chiều rộng của phần tử, bao gồm lề trong:

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

Thử trực tiếp

Ví dụ 2

padding, border và scrollbar như thế nào ảnh hưởng đến scrollWidth và scrollHeight:

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

Thử trực tiếp

Ví dụ 3

Đặt chiều cao và chiều rộng của phần tử bằng giá trị từ scrollHeight và scrollWidth trả về:

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

Thử trực tiếp

Cú pháp

element.scrollHeight

Giá trị trả về

Loại Mô tả
Số Chiều cao của phần tử, tính bằng pixel.

hỗ trợ trình duyệt

Tất cả các trình duyệt đều hỗ trợ element.scrollHeight：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ