Chiều cao của phần tử HTML DOM
Ví dụ
Lấy chiều cao và chiều rộng của "myDIV", bao gồm cả phần đệm:
const element = document.getElementById("myDIV");
let text = "clientHeight: " + element.clientHeight + "px<br>";
text += "clientWidth: " + element.clientWidth + "px";
Hãy tự mình thử »Thêm ví dụ dưới đây.
Sự miêu tả
Thuộc tính clientHeight
trả về chiều cao có thể xem của một phần tử bằng pixel, bao gồm cả phần đệm nhưng không trả về đường viền, thanh cuộn hoặc lề.
Thuộc tính clientHeight
ở dạng chỉ đọc.
Cú pháp
element .clientHeight
Giá trị trả về
Kiểu | Sự miêu tả |
Con số | Chiều cao có thể xem được của phần tử (tính bằng pixel) bao gồm cả phần đệm |
Sự khác biệt giữa clientHeight/clientWidth và offsetHeight/offsetWidth
Không có thanh cuộn:
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";
Hãy tự mình thử »Với thanh cuộn:
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";
Hãy tự mình thử »Hỗ trợ trình duyệt
element.clientHeight
đượ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 |