在JavaScript中,为图片设置id属性后获取其对象,再通过修改width和height属性的数值,即可调整图片尺寸。接下来通过实例进行具体说明。
1、 创建一个名为test.html的文件,通过该文件演示JavaScript实现点击按钮更换图片的功能。
2、 在test.html中用img标签插入一张图片以进行测试。
3、 在test.html中,将img标签的id属性设置为myImage。
4、 在test.html中,通过button标签创建按钮,并为其添加onclick点击事件,当用户点击按钮时,将触发并执行handle()函数。
5、 在JavaScript标签中定义handle函数,通过getElementById方法根据id获取图片元素,然后将新的图片路径赋值给该元素的src属性,从而实现图片的更换效果。
6、 用浏览器打开test.html,点击按钮即可查看运行结果。
7、 创建一个img标签并设置其id为myImage,用于显示图片。
