如何使用JavaScript缩小图片

如何使用JavaScript缩小图片，针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

创新互联公司是网站建设技术企业，为成都企业提供专业的成都网站建设、网站制作，网站设计，网站制作，网站改版等技术服务。拥有十载丰富建站经验和众多成功案例，为您定制适合企业的网站。十载品质，值得信赖！

JS缩小图片的方法：1、使用setAttribute()方法，语法“图片对象.setAttribute("width", "更小的宽度值")”。2、使用style对象的width属性，语法“图片对象.style.width="更小的值"”。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

JavaScript中缩小图片的方法

方法1：使用setAttribute()


缩小图片

	function myFunction() {
		document.getElementById('img').setAttribute("width", "300");
	}

输出结果：

如何使用JavaScript缩小图片

方法2：使用style对象的width属性


缩小图片

	function myFunction() {
		document.getElementById('img').style.width="300px";
	}

输出结果：

如何使用JavaScript缩小图片

关于如何使用JavaScript缩小图片问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注创新互联行业资讯频道了解更多相关知识。

文章标题：如何使用JavaScript缩小图片
网站路径：http://csdahua.cn/article/ijihos.html

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

行业动态