Thuộc tính naturalHeight của Image

Đối tượng Image của HTML DOM

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

naturalHeight Thuộc tính trả về chiều cao ban đầu của hình ảnh.

Ví dụ, nếu bạn có một hình ảnh ban đầu có chiều cao 200 pixel. Sau đó, bạn sử dụng CSS/hoặc sử dụng thuộc tính "height" của HTML để đặt phong cách hình ảnh, làm cho chiều cao của hình ảnh là 500 pixel. Thuộc tính naturalHeight sẽ trả về "200", trong khi thuộc tính height sẽ trả về 500.

Gợi ý:Vui lòng sử dụng Thuộc tính naturalWidth Trả về chiều rộng ban đầu của hình ảnh, hoặc sử dụng Thuộc tính width Đặt hoặc trả về chiều rộng của hình ảnh Thuộc tính width giá trị.

Lưu ý:Thuộc tính này là chỉ đọc.

Mô hình

Ví dụ 1

Trả về chiều cao ban đầu của hình ảnh:

var x = document.getElementById("myImg").naturalHeight;

Thử trực tiếp

Ví dụ 2

Sự khác biệt giữa thuộc tính naturalHeight và thuộc tính height:

var x = document.getElementById("myImg").naturalHeight;
var y = document.getElementById("myImg").height;

Thử trực tiếp

Cú pháp

imageObject.naturalHeight

Chi tiết kỹ thuật

Giá trị trả về: Giá trị số, biểu thị chiều cao ban đầu của hình ảnh (bằng pixel).

Hỗ trợ trình duyệt

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

Đối tượng Image của HTML DOM