Bagaimana untuk mengurangkan saiz imej dalam JavaScript

Cara mengurangkan imej dalam JS: 1. Gunakan kaedah setAttribute(), sintaksnya ialah "image object.setAttribute("width", "smaller width value"". 2. Gunakan atribut width objek gaya, dengan sintaks "picture object.style.width="smaller value"".

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

Cara mengurangkan saiz imej dalam JavaScript

Kaedah 1: Gunakan setAttribute()

<img  id="img" src="img/1.jpg"    style="max-width:90%" / alt="Bagaimana untuk mengurangkan saiz imej dalam JavaScript" ><br /><br />
<button onclick="myFunction()">缩小图片</button>
<script type="text/javascript">
	function myFunction() {
		document.getElementById(&#39;img&#39;).setAttribute("width", "300");
	}
</script>

Hasil keluaran:

Kaedah 2: Gunakan atribut lebar objek gaya

<img  id="img" src="img/2.jpg"    style="max-width:90%" / alt="Bagaimana untuk mengurangkan saiz imej dalam JavaScript" ><br /><br />
<button onclick="myFunction()">缩小图片</button>
<script type="text/javascript">
	function myFunction() {
		document.getElementById(&#39;img&#39;).style.width="300px";
	}
</script>

Hasil keluaran:

[Pembelajaran yang disyorkan: tutorial lanjutan javascript]

Atas ialah kandungan terperinci Bagaimana untuk mengurangkan saiz imej dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!