Thuộc tính chiều cao hình ảnh

Đối tượng Image DOM HTML

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

height Thuộc tính đặt hoặc trả về chiều rộng của hình ảnh Thuộc tính height giá trị.

Thuộc tính height Định nghĩa chiều cao của hình ảnh.

Thuộc tính này còn có thể trả về chiều cao của hình ảnh đã sử dụng CSS thiết lập (xin xem ví dụ dưới đây).

Thông báo:Lưu ý: Thuộc tính width Đặt hoặc trả về chiều rộng của hình ảnh Giá trị thuộc tính width.

Mô hình

Ví dụ 1

Thay đổi chiều cao của hình ảnh thành 300px:

document.getElementById("myImg").height = "300";

Thử ngay

Ví dụ 2

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

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

Thử ngay

Ví dụ 3

Thay đổi chiều cao và chiều rộng của hình ảnh lần lượt là 300px và 450px:

document.getElementById("myImg").height = "300";
document.getElementById("myImg").width = "450";

Thử ngay

Ví dụ 4

Trả về chiều cao của hình ảnh đã sử dụng CSS thiết lập:

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

Thử ngay

Cú pháp

Trả về thuộc tính height:

imageObject.height

Đặt thuộc tính height:

imageObject.height = pixels

Giá trị thuộc tính

Giá trị Mô tả
pixels Chiều cao bằng pixel (ví dụ: height="100").

Chi tiết kỹ thuật

Giá trị trả về: Số lượng, biểu thị chiều cao của hình ảnh, bằng đơn vị pixel.

Hỗ trợ trình duyệt

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

Trang liên quan

Tài liệu tham khảo HTML:Thuộc tính height của <img> HTML

Đối tượng Image DOM HTML