Comment réduire la taille de l'image en JavaScript

Méthodes pour réduire les images en JS : 1. Utilisez la méthode setAttribute(), la syntaxe est "image object.setAttribute("width", "smaller width value")". 2. Utilisez l'attribut width de l'objet style, avec la syntaxe "picture object.style.width="smaller value"".

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3. Comment réduire la taille de l'image en JavaScript

<img id="img" src="img/1.jpg" width="500" /><br /><br />
<button onclick="myFunction()">缩小图片</button>
<script type="text/javascript">
	function myFunction() {
		document.getElementById(&#39;img&#39;).setAttribute("width", "300");
	}
</script>

Résultat de sortie :

[Apprentissage recommandé :

Tutoriel avancé javascript]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!