JavaScript récupère la taille originale de l'image, en prenant la largeur comme exemple_javascript conseils

Si vous souhaitez obtenir la taille originale de l'élément img dans la page, en prenant la largeur comme exemple, la première chose à laquelle vous pouvez penser est la largeur, comme suit

Copier le code Le code est le suivant :

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

La méthode getWH utilisée ici est mentionnée dans l'article précédent. La largeur obtenue à ce moment est la même que la taille originale de l'image.

Si vous ajoutez l'attribut width à img, cette méthode ne fonctionnera pas. Par exemple, la largeur réelle de l'image est de 690 et la largeur est définie sur 400. Si vous l'obtenez selon la méthode ci-dessus. , 400 seront retournés

Copier le code Le code est le suivant :

& lt; T.GetelementsBytagname ('IMG') [0]
var width = getWH(img, 'width') // 400



Évidemment, 400 n'est pas la largeur originale de l'image.

Il existe un moyen de l'obtenir, de créer directement un nouvel objet img, puis d'attribuer le src de l'ancien img au nouveau. À ce moment, vous pouvez obtenir la largeur du nouvel img

Copier le code Le code est le suivant :

• Une analyse approfondie du composant de groupe de liste Bootstrap
• Explication détaillée du currying de la fonction JavaScript
• Exemple complet de génération de mot de passe JS et de détection de force (avec téléchargement du code source de démonstration)
• Angularjs intègre l'interface utilisateur WeChat (weui)
• Comment basculer rapidement entre le chinois traditionnel et le chinois simplifié avec JavaScript et l'astuce permettant aux sites Web de prendre en charge le basculement entre les compétences en chinois simplifié et traditionnel_javascript