JavaScript/DOM/Document/images/height

Aus SELFHTML-Wiki
< JavaScript‎ | DOM‎ | Document‎ | images
Wechseln zu: Navigation, Suche

Die Eigenschaft height speichert die Angabe zur Höhe einer Grafik, wie sie mit dem Attribut height im img-Element möglich ist. Es wird auch dann ein Wert gespeichert, wenn die Angabe im HTML-Tag fehlt.

  • JavaScript 1.1
  • Chrome
  • IE
  • Firefox
  • Opera
  • Safari
  • Nur Lesen / Read Only
Beispiel ansehen …
  function analyseImage () { 
    var image = document.querySelector('img');
    document.querySelector('output').innerText += ' URL: ' + image.src + ' \n';	
    document.querySelector('output').innerText += ' Alt-Text: ' + image.alt + ' \n';
    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. Danach werden alle wichtigen Eigenschaften dieses images-Objekts ausgegeben.
Beachten Sie: Wenn kein height-Attribut verwendet wird, wird die tasächliche Größe als Wert angegeben.

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