JavaScript/DOM/Document/images/naturalHeight

Aus SELFHTML-Wiki
< JavaScript‎ | DOM‎ | Document‎ | images
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 ansehen …
  function analyseImage () { 
    var image = document.querySelector('img');
    document.querySelector('output').innerText += ' Höhe:  ' + image.height + 'px \n';	
    document.querySelector('output').innerText += ' Breite: ' + image.width + 'px \n';		
    document.querySelector('output').innerText += ' orig. Höhe:  ' + image.naturalHeight + 'px \n';	
    document.querySelector('output').innerText += ' orig. Breite: ' + image.naturalWidth + 'px \n';			
  }
Das Beispiel enthält eine Grafik, die mit querySelector('img') selektiert wird. Die ursprüngliche Bildgröße wurde skaliert. Mit einem Klick auf den Button können Sie die eigentliche und die tasächliche Breite erfahren. .
}}

Mit getOwnPropertyNames() können Sie alle Eigenschaften eines Objekts auslesen.