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

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

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

scrollWidth 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 nhìn thấy (do tràn).

Xem thêm:

Thuộc tính scrollHeight

Thuộc tính overflow trong 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 viền 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 hưởng như thế nào đế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:

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

Thử trực tiếp

Cú pháp

element.scrollWidth

Giá trị trả về

Loại Mô tả
Số Chiều rộng 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.scrollWidth：

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