javascript如何改變圖片寬度

javascript如何改變圖片寬度，針對這個問題，這篇文章詳細介紹了相對應(yīng)的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

創(chuàng)新互聯(lián)專注于雙柏網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。熱誠為您提供雙柏營銷型網(wǎng)站建設(shè)，雙柏網(wǎng)站制作、雙柏網(wǎng)頁設(shè)計、雙柏網(wǎng)站官網(wǎng)定制、微信小程序服務(wù)，打造雙柏網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供雙柏網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

方法：1、使用“document.getElementById('id值')”語句獲取圖片對象；2、使用“圖片對象.setAttribute("width", "寬度值")”或“圖片對象.style.width="值"”語句改變圖片寬度。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

javascript改變圖片寬度的方法

<img id="img" src="img/2.jpg" width="500" height="300"/>

1、根據(jù)id值獲取圖片對象

var img=document.getElementById('img');

2、使用setAttribute("width", "值")或者style對象的width屬性來改變圖片寬度

img.setAttribute("width", "寬度值");
// 或
img.style.width = "寬度值";

完整實現(xiàn)代碼：

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<img id="img" src="img/2.jpg" width="500" height="300" /><br /><br />
		<button onclick="myFunction()">改變圖片寬度</button>
		<script type="text/javascript">
			function myFunction() {
				var img = document.getElementById('img');
				// img.setAttribute("width", "300");
				img.style.width = "300px";
			}
		</script>
	</body>
</html>

關(guān)于javascript如何改變圖片寬度問題的解答就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識。

當前標題：javascript如何改變圖片寬度
本文來源：http://chinadenli.net/article26/gsjijg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、域名注冊、微信小程序、自適應(yīng)網(wǎng)站、營銷型網(wǎng)站建設(shè)、服務(wù)器托管

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

javascript如何改變圖片寬度