Mitgliederversammlung 2018


Die diesjährige Mitgliederversammlung des Vereins SELFHTML e.V. findet am 8.9.2018 um 10:00 Uhr in Dortmund statt.

Die Adresse des Tagungsortes sowie die geplante Tagesordnung entnehmt ihr bitte der Seite https://forum.selfhtml.org/events/3.

Interessierte Gäste sind gern gesehen.

JavaScript/DOM/Document/images/width

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

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.

  • JavaScript 1.1
  • Chrome
  • IE
  • Firefox
  • Opera
  • Safari
  • Lesen, Schreiben / Read, Write
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 width-Attribut verwendet wird, wird die tasächliche Größe als Wert angegeben.

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