Phần tử DOM HTML cuộnWidth
Ví dụ
Lấy chiều cao và chiều rộng của một phần tử, bao gồm cả phần đệm:
const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;
Hãy tự mình thử »Cách phần đệm, đường viền và thanh cuộn ảnh hưởng đến ScrollWidth và ScrollHeight:
const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;
Hãy tự mình thử »Thêm ví dụ dưới đây.
Sự miêu tả
Thuộc tính scrollWidth
trả về chiều rộng của một phần tử, bao gồm phần đệm, không bao gồm đường viền, thanh cuộn hoặc lề.
Thuộc tính scrollWidth
trả về chiều rộng tính bằng pixel.
Thuộc tính scrollWidth
chỉ đọc.
Ghi chú
Cả scrollWidth
và scrollHeight
đều trả về toàn bộ chiều cao và chiều rộng của một phần tử, bao gồm cả những phần không thể xem được (vì tràn).
Xem thêm:
Cú pháp
element .scrollWidth
Giá trị trả về
Kiểu | Sự miêu tả |
Con số | Chiều rộng của phần tử, tính bằng pixel. |
Thêm ví dụ
Đặt chiều cao và chiều rộng của một phần tử thành các giá trị được trả về từ ScrollHeight và ScrollWidth:
element.style.height = element.scrollHeight + "px";
element.style.width = element.scrollWidth + "px";
Hãy tự mình thử »Hỗ trợ trình duyệt
element.scrollWidth
được hỗ trợ trong tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | Yes |