如何使用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://myzitong.com/article/ijihos.html