Image naturalWidth Attribut

HTML DOM Bild-Objekt

Definition und Verwendung

naturalWidth Das Attribut gibt die ursprüngliche Breite des Bildes zurück.

Zum Beispiel, wenn Sie ein Bild haben, das ursprünglich 100 Pixel breit ist. Dann verwenden Sie CSS/oder verwenden Sie das HTML "Breite"-Attribut, um das Stil des Bildes zu setzen, so dass die Breite 500 Pixel beträgt. Das Attribut naturalWidth wird "100" zurückgeben, während das Attribut width 500 zurückgeben wird.

Hinweis:Verwenden Sie naturalHeight Attribut Rückgabe der ursprünglichen Höhe des Bildes oder verwenden Sie height Attribut Setzen oder Rückgabe der Breite des Bildes height Attribut Wert.

Beachten Sie:Dieses Attribut ist schreibgeschützt.

Beispiel

Beispiel 1

Rückgabe der ursprünglichen Breite des Bildes:

var x = document.getElementById("myImg").naturalWidth;

Probieren Sie es selbst aus

Beispiel 2

Unterschied zwischen dem Attribut naturalWidth und dem Attribut width:

var x = document.getElementById("myImg").naturalWidth;
var y = document.getElementById("myImg").width;

Probieren Sie es selbst aus

Syntax

imageObject.naturalWidth

Technische Details

Rückgabewert: Zahl, die die ursprüngliche Breite des Bildes in Pixeln angibt.

Browser-Unterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung 9.0 Unterstützung Unterstützung Unterstützung

HTML DOM Bild-Objekt