image对象如何使用width属性

 时间:2024-10-13 19:06:22

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属性
  • Word怎么插入流程图:可选过程图形
  • 计算机专业毕业设计:[2]数据库的安装
  • 如何向Mysql数据库中插入中文字符
  • 哈利波特魔法觉醒怎么获得奇思妙想盒
  • 如何用PHP给上传的文件改名?
  • 热门搜索
    学生手抄报设计指南 端午节手抄报一等奖 二年级最简单中秋节手抄报 读一本好书手抄报 4k手抄报版面设计图 关于父亲节的手抄报 关于理想的手抄报 我也追星手抄报 小学数学手抄报内容 感恩手抄报内容大全