JavaScript/DOM/Document/images/naturalHeight

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Die Eigenschaft naturalHeight zeigt die originale Höhe eines Bildes an, auch wenn es auf der Webseite skaliert dargestellt wird.

  • JavaScript 1.1
  • IE 9
  • Firefox
  • Chrome
  • Safari
  • Opera
  • Nur Lesen / Read Only
Beispiel
<html>
<head>
  <meta charset="utf-8">
  <title>Test</title>
</head>
<body>
 
  <img id="grafik" src="Hund.gif" alt="Der verrückte Hund aus der alten Doku" width="200" height="175">
 
  <p>Die ursprüngliche Bildgröße von 208x181px wurde auf 200x175px skaliert.<br/>
     Mit einem Klick auf den Button können Sie die eigentliche Höhe erfahren.   
  </p>
 
  <p id="beispiel"></p>
 
  <button onclick="Anzeigen()">Anzeigen!</button>
 
  <script>
     function Anzeigen(){
       var x = document.getElementById('grafik').naturalHeight;
       document.getElementById("beispiel").innerHTML=x;
     }
  </script>
 
</body>
</html>
Meine Werkzeuge
Namensräume

Varianten
Aktionen
Übersicht
Index
Mitmachen
Werkzeuge
Spenden
SELFHTML