方法：1、使用“document.getElementById(‘id值’)”语句获取图片对象；2、使用“图片对象.setAttribute(“width”, “宽度值”)”或“图片对象.style.width=”值””语句改变图片宽度。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
javascript改变图片宽度的方法
登录后复制
1、根据id值获取图片对象
- var img=document.getElementById('img');
登录后复制
2、使用setAttribute(“width”, “值”)或者style对象的width属性来改变图片宽度
立即学习“Java免费学习笔记（深入）”；
- img.setAttribute("width", "宽度值");// 或img.style.width = "宽度值";
登录后复制
完整实现代码：
- nbsp;html>
function myFunction() {var img = document.getElementById('img');// img.setAttribute("width", "300");img.style.width = "300px";}
登录后复制
效果图：
【推荐学习：javascript高级教程】
以上就是javascript怎么改变图片宽度的详细内容，更多请关注【创想鸟】其它相关文章！
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
