编程 Javascript

JS实现动态给图片添加边框的方法

Posted in Javascript onApril 01, 2015

本文实例讲述了JS实现动态给图片添加边框的方法。分享给大家供大家参考。具体如下：

下面的JS代码设置图片的边框为2个像素，即border=2

<!DOCTYPE html>
<html>
<head>
<script>
function addBorder()
{
document.getElementById("compman").border="2";
}
</script>
</head>
<body>
<img id="compman" src="compman.gif" alt="Computerman" 
width="107" height="98">
<br><br>
<input type="button" onclick="addBorder()" 
value="Add border">
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

JS实现动态给图片添加边框的方法

- Author -

疯狂一夏

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery ul标签下拉菜单演示代码

Dec 11 Javascript

javascript将相对路径转绝对路径示例

Mar 14 Javascript

JS长整型精度问题实例分析

Jan 13 Javascript

js实现文本框中输入文字页面中div层同步获取文本框内容的方法

Mar 03 Javascript

基于jquery实现select选择框内容左右移动添加删除代码分享

Aug 25 Javascript

jQuery过滤选择器经典应用

Aug 18 Javascript

BootStrap Fileinput初始化时的一些参数

Dec 30 Javascript

mescroll.js上拉加载下拉刷新组件使用详解

Nov 13 Javascript

jQuery操作元素的内容和样式完整实例分析

Jan 10 jQuery

vue中的过滤器及其时间格式化问题

Apr 09 Javascript

Javascript查看大图功能代码实现

May 07 Javascript

使用Ajax实现进度条的绘制

Apr 07 Javascript

JS设置网页图片vspace和hspace属性的方法

Apr 01 #Javascript

JS获取图片lowsrc属性的方法

Apr 01 #Javascript

JS获取网页图片name属性的方法

Apr 01 #Javascript

JS动态修改图片的URL（src）的方法

Apr 01 #Javascript

JavaScript之数组（Array）详解

Apr 01 #Javascript

JavaScript数据类型详解

Apr 01 #Javascript

JavaScript中使用Object.prototype.toString判断是否为数组

Apr 01 #Javascript

You might like

如何使用PHP计算上一个月的今天

2013/05/23 PHP

PHP查询网站的PR值

2013/10/30 PHP

javascript 对象比较实现代码

2009/04/27 Javascript

斜45度寻路实现函数

2009/08/20 Javascript

JQuery获取文本框中字符长度的代码

2011/09/29 Javascript

解决3.01版的jquery.form.js中文乱码问题的解决方法

2012/03/08 Javascript

Json对象与Json字符串互转(4种转换方式)

2013/03/27 Javascript

JS中prototype关键字的功能介绍及使用示例

2013/07/21 Javascript

JS中图片缓冲loading技术的实例代码

2013/08/29 Javascript

jQuery ajax调用WCF服务实例

2014/07/16 Javascript

Javascript中innerHTML用法实例分析

2015/01/12 Javascript

javascript中的3种继承实现方法

2016/01/27 Javascript

详解在vue-cli中使用路由

2017/09/25 Javascript

简述JS浏览器的三种弹窗

2018/07/15 Javascript

微信小程序非swiper组件实现的自定义伪3D轮播图效果示例

2018/12/11 Javascript

使用vue开发移动端管理后台的注意事项

2019/03/07 Javascript

JQuery获取可视区尺寸和文档尺寸及制作悬浮菜单示例

2019/05/14 jQuery

Vue select 绑定动态变量的实例讲解

2020/10/22 Javascript

用python实现批量重命名文件的代码

2012/05/25 Python

Python 元组(Tuple)操作详解

2014/03/11 Python

Django1.7+python 2.78+pycharm配置mysql数据库教程

2014/11/18 Python

微信用脚本查看是否被微信好友删除

2016/10/28 Python

Python使用中文正则表达式匹配指定中文字符串的方法示例

2017/01/20 Python

windows下python安装paramiko模块和pycrypto模块（简单三步）

2017/07/06 Python

Python3.6日志Logging模块简单用法示例

2018/06/14 Python

解决python 在for循环并且pop数组的时候会跳过某些元素的问题

2020/12/11 Python

全球高级音频和视频专家：HiDef Lifestyle

2019/08/02 全球购物

计算机专业学生求职信分享

2013/12/15 职场文书

全陪导游欢迎词

2014/01/17 职场文书

教堂婚礼主持词

2014/03/14 职场文书

效能监察建议书

2014/05/19 职场文书

党支部三会一课计划

2014/09/24 职场文书

vue中三级导航的菜单权限控制

2021/03/31 Vue.js

详解Python生成器和基于生成器的协程

2021/06/03 Python

【2·13】一图读懂中国无线电发展

2022/02/18 无线电

Redis基本数据类型List常用操作命令

2022/06/01 Redis