Thuộc tính offsetWidth

Thuộc tính offsetWidth chứa toàn bộ chiều rộng của phần tử (bao gồm chiều rộng thực tế của phần tử, chiều rộng đường viền, khoảng đệm bên trong, thanh cuộn):

Cú pháp

javascriptphần tử.offsetWidth;

Ví dụ

Hãy tìm hiểu kích thước đầy đủ của một phần tử:

html<div id="elem"></div>

css#elem {
  width: 100px;
  height: 100px;
  padding: 15px;
  border: 10px solid black;
}

javascriptlet elem = document.querySelector('#elem');
console.log(elem.offsetWidth);

Kết quả thực thi mã:

javascript150

Ví dụ

Nếu phần tử bị ẩn, thì offsetWidth bằng 0:

html<div id="elem"></div>

css#elem {
  display: none; /* phần tử bị ẩn */
  width: 100px;
  height: 100px;
  padding: 15px;
  border: 10px solid black;
}

javascriptlet elem = document.querySelector('#elem');
console.log(elem.offsetWidth);

Kết quả thực thi mã:

javascript0

Xem thêm