0
0
黄舟
发布时间：2017-07-26 13:50:23
|2023人浏览过
|来源于php中文网
原创
注：利用js是不能修改图片的实际大小的，修改的只是图片在标签中对应的width,height属性。
1.通过var p = document.getElementById('image')获取到对应id的DOM对象
2.再使用对象的style属性(前提是image对象已经设置过style属性)，p.style.width='200px'(切记：此处是字符串，格式一定是：???px,不能只写个数字，否则在有的浏览器上图片的大小是不会改变的)
以下代码实现了每次点击按钮可以实现图片变大或缩小一点：
我在脚本中定义了两个全局变量用来记录图片的宽和高，因为style.width或style.height属性值是字符串，所以用new String(x++)+'px'的方式来实现属性值的输入，这个技巧在此做一个记录，便于以后查看.
立即学习“Java免费学习笔记（深入）”；
图像交换
软件开发基础-实验
实验一 实验二 实验三 实验四 实验五 实验六 实验七 实验八
2015-2016-1学期 软件工程
相关文章
如何学习JavaScript中的迭代器与生成器_JavaScript的yield关键字如何工作
javascript如何实现发布订阅模式_它如何解耦组件之间的通信？
javascript基础语法_如何编写第一个程序
javascript DOM操作_怎样动态修改页面内容
javascript正则表达式是什么_如何进行模式匹配？
java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
本专题系统讲解 Java 项目构建与依赖管理的完整体系，重点覆盖 Maven 与 Gradle 的核心概念、项目生命周期、依赖冲突解决、多模块项目管理、构建加速与版本发布规范。通过真实项目结构示例，帮助学习者掌握 从零搭建、维护到发布 Java 工程的标准化流程，提升在实际团队开发中的工程能力与协作效率。
3
2026.01.12
热门下载
精品课程
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
