多语言展示
当前在线:1360今日阅读:75今日分享:44

image对象如何使用border属性?

image对象border属性是设置或者获取图片的边框值
工具/原料
1

编辑器

2

浏览器

方法/步骤
1

创建一个名称为 img_border   的html文件

2

添加一个img元素 这是id为mypictureborder,添加图片路径,在图片周围加些文字,来让图片位置显示更明显些

3

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

4

在javascript中创建一个自定义函数   myborder

5

在自定义函数中获取img对象。用border属性设置图片的边框为5,并获取border的属性值,将获取的值显示到p标签中

6

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

推荐信息