tutorial pengembangan web terbaru
 

Gambar naturalHeight Properti

Gambar Object Reference gambar Object

Contoh

Kembali ketinggian asli dari gambar:

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

Hasil x akan:

98
Cobalah sendiri "

Definisi dan Penggunaan

Properti naturalHeight mengembalikan tinggi asli dari suatu gambar.

Misalnya, jika Anda memiliki gambar yang awalnya 200 piksel tinggi. Kemudian, Anda gaya gambar dengan CSS / atau dengan menggunakan HTML "height" atribut untuk membuatnya 500 piksel tinggi. Properti naturalHeight akan kembali "200", yang tinggi properti Namun, akan kembali 500.

Tip: Gunakan naturalWidth properti untuk mengembalikan lebar asli dari suatu gambar, atau lebar properti untuk mengatur atau kembali nilai width atribut dari suatu gambar.

Catatan: Properti ini read-only.


Dukungan Browser

Milik
naturalHeight iya nih 9.0 iya nih iya nih iya nih

Sintaksis

imageObject .naturalHeight

Rincian teknis

Kembali Nilai: Sebuah Nomor, yang mewakili ketinggian asli dari suatu gambar dalam piksel

Contoh lebih

Contoh

Perbedaan antara properti naturalHeight dan properti height:

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

Gambar Object Reference gambar Object