Heim > Web-Frontend > js-Tutorial > Hauptteil

JavaScript ruft die Originalgröße des Bildes ab und verwendet die Breite als example_javascript-Tipps

WBOY
Freigeben: 2016-05-16 16:50:15
Original
1136 Leute haben es durchsucht

Wenn Sie die Originalgröße des img-Elements auf der Seite erhalten möchten und die Breite als Beispiel nehmen, denken Sie möglicherweise als Erstes an die Breite, wie folgt:

Code kopieren Der Code lautet wie folgt:

🎜><script> <br>var img = document.getElementsByTagName('img')[0] <br>var width = getWH(img, 'width') // 690 <br></script>

Die hier verwendete getWH-Methode wurde im vorherigen Artikel erwähnt. Die zu diesem Zeitpunkt erhaltene Breite entspricht der Originalgröße des Bildes.

Wenn Sie das Attribut width zu img hinzufügen, funktioniert diese Methode nicht. Beispielsweise beträgt die tatsächliche Breite des Bildes 690 und die Breite ist auf 400 eingestellt. Wenn Sie es gemäß der oben genannten Methode erhalten , 400 werden zurückgegeben

Code kopieren Der Code lautet wie folgt:
& lt; script & gt;
var IMG = document T.GetelementsBytagname ('IMG') [0]
var width = getWH(img, 'width') // 400



Offensichtlich ist 400 nicht die ursprüngliche Breite des Bildes.

Es gibt eine Möglichkeit, direkt ein neues IMG-Objekt zu erstellen und dann den Quellcode des alten IMG dem neuen zuzuweisen. Zu diesem Zeitpunkt können Sie die Breite des neuen IMG ermitteln


Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage