ιδιότητα naturalHeight της εικόνας

Όντομο DOM HTML Image

ορισμός και χρήση

naturalHeight ιδιότητα επιστρέφει την αρχική ύψος της εικόνας.

π.χ., αν έχετε μια εικόνα που αρχικά είναι 200 pixel υψηλή. στη συνέχεια, χρησιμοποιήστε CSS/ή χρησιμοποιήστε την ιδιότητα "height" του HTML για να ρυθμίσετε το στυλ της εικόνας, ώστε η ύψος της να γίνει 500 pixel. η ιδιότητα naturalHeight θα επιστρέψει "200", ενώ η ιδιότητα height θα επιστρέψει 500.

συμβουλή:χρησιμοποιήστε ιδιότητα naturalWidth επιστροφή της αρχικής πλάτους της εικόνας, ή χρησιμοποιώντας ιδιότητα width θέτηση ή επιστροφή της ύψους της εικόνας ιδιότητα width τιμή.

σημείωση:αυτή η ιδιότητα είναι μονόδρομη.

παράδειγμα

παράδειγμα 1

επιστροφή της αρχικής ύψους της εικόνας:

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

Δοκιμάστε το προσωπικά

παράδειγμα 2

διαφορά μεταξύ των προπτήσεων naturalHeight και height:

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

Δοκιμάστε το προσωπικά

Γλώσσα

imageObject.naturalHeight

Τεχνικές λεπτομέρειες

Αποτελεσματικότητα: Αριθμός, που δείχνει την αρχική ύψος της εικόνας (σε pixel).

Υποστήριξη του περιηγητή

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη 9.0 Υποστήριξη Υποστήριξη Υποστήριξη

Όντομο DOM HTML Image