养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

image对象如何使用width属性

时间:2024-11-09 03:20:17

image对象width属性是获取或者这是图片显示的宽度

工具/原料

编辑器

浏览器

方法/步骤

1、创建一个名称为img_width的html文件

image对象如何使用width属性

2、添加一个img元素这是id为mypicture,添加图屡阽咆忌片路径,设置width为500在图片周围加些文字,来让图片位置显示更明显些

image对象如何使用width属性

3、添加一个button按钮,在点击事件中加入自定义函数mywidth添加一p标签,设置id为showwidth

image对象如何使用width属性

4、在javascript中创建一个自定义函数mywidth

image对象如何使用width属性

5、在自定义函数中获取image对象。用width属性设置图片的宽度,并获取width擢爻充种的属性值,将获取的值显示到p标签中

image对象如何使用width属性

6、在浏览器中打开文件,点击button查看效果

image对象如何使用width属性

© 一点知识