Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Khác biệt giữa clientHeight và offsetHeight trong JavaScript

Bạn có thể sử dụng 2 thuộc tính clientHeight và offsetHeight để lấy chiều cao của một phần tử div.

  • clientHeight bao gồm padding của div.
  • offsetHeight bao gồm padding, thanh cuộn (scrollBar) và border của div.

Ví dụ

Giả sử bạn có HTML sau:

<div id="myDiv" height="400px"></div>

Bạn có thể lấy chiều cao bằng:

const height = document.querySelector('#myDiv').offsetHeight;
console.log(height);

Kết quả

Đoạn mã trên sẽ xuất ra:

400