Comment récupérer la taille de l’image actuelle avec Javascript

Vous pouvez utiliser les propriétés clientWidth et clientHeight de JavaScript pour obtenir la largeur et la hauteur actuelles d’une image. Ces propriétés arrondiront la valeur à un entier.
 
 

Code source :
<!DOCTYPE html>
<html>
	<head>
	<meta charset="UTF-8">
	<title>Récupérer la taille de l'image actuelle</title>
	<script type="text/javascript">
		function getSize(){
			var img = document.querySelector("#myImg");
			var width = img.clientWidth;
			var height = img.clientHeight;
			alert("Width =" + width + ", " + "Height=" + height);
		}
	</script>
	</head>
	<body>
		<img src="https://via.placeholder.com/300" id="myImg">
		<p><button type="button" onclick="getSize();">Récupérer la taille de l'image</button></p>
	</body>
</html>
Résultat

QCM JavascriptQCM Javascript – Partie 1QCM sur Javascript avec des réponses pour la préparation des tests techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus
Partagez cet article

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *