JavaScript/DOM/Document/images/width

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

Beispiel ansehen …

  function analyseImage () { 
    let 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 width-Attribut verwendet wird, wird die tasächliche Größe als Wert angegeben.

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