编程 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 相关文章推荐

查找Oracle高消耗语句的方法

Mar 22 Javascript

JS拖拽插件实现步骤

Aug 03 Javascript

javascript实现tab切换特效

Nov 12 Javascript

浅析JS获取url中的参数实例代码

Jun 14 Javascript

jQuery之动画效果大全

Nov 09 Javascript

JS实现仿UC浏览器前进后退效果的实例代码

Jul 17 Javascript

解决IE11 vue +webpack 项目中数据更新后页面没有刷新的问题

Sep 25 Javascript

浅谈关于iview表单验证的问题

Sep 29 Javascript

angularjs手动识别字符串中的换行符方法

Oct 02 Javascript

vue2.0移动端滑动事件vue-touch的实例代码

Nov 27 Javascript

vue实现固定位置显示功能

May 30 Javascript

JS扁平化输出数组的2种方法解析

Sep 17 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

DOTA2 无惧惊涛骇浪昆卡大型水友攻略

2020/04/20 DOTA

ThinkPHP多表联合查询的常用方法

2020/03/24 PHP

yii2.0实现创建简单widgets示例

2016/07/18 PHP

php中类和对象：静态属性、静态方法

2017/04/09 PHP

基于jQuery的日期选择控件

2009/10/27 Javascript

javascript针对DOM的应用分析（二）

2012/04/15 Javascript

JS不间断向上滚动效果代码

2013/12/25 Javascript

深入理解javascript的执行顺序

2014/04/04 Javascript

简单易用的倒计时js代码

2014/08/04 Javascript

js正则表达式匹配数字字母下划线等

2015/04/14 Javascript

JavaScript实现随机替换图片的方法

2015/04/16 Javascript

使用C++为node.js写扩展模块

2015/04/22 Javascript

关于动态执行代码(js的Eval)实例详解

2016/08/15 Javascript

JavaScript浮点数及运算精度调整详解

2016/10/21 Javascript

jQuery实现元素的插入

2017/02/27 Javascript

详解vue 数组和对象渲染问题

2018/09/21 Javascript

Vue 幸运大转盘实现思路详解

2019/05/06 Javascript

微信小程序返回上一页传参并刷新过程解析

2019/12/13 Javascript

[01:32]dota2拉比克至宝（222）

2018/12/20 DOTA

跟老齐学Python之使用Python查询更新数据库

2014/11/25 Python

Python2.x中文乱码问题解决方法

2015/06/02 Python

使用Python读写及压缩和解压缩文件的示例

2016/07/08 Python

python3.5+tesseract+adb实现西瓜视频或头脑王者辅助答题

2018/01/17 Python

对python .txt文件读取及数据处理方法总结

2018/04/23 Python

对Python 文件夹遍历和文件查找的实例讲解

2018/04/26 Python

Python自定义装饰器原理与用法实例分析

2018/07/16 Python

python批量赋值操作实例

2018/10/22 Python

windows 10 设定计划任务自动执行 python 脚本的方法

2019/09/11 Python

Python中实现输入一个整数的案例

2020/05/03 Python

Python实例教程之检索输出月份日历表

2020/12/16 Python

瑞典多品牌连锁店：Johnells

2021/01/13 全球购物

地理科学专业毕业生求职信

2013/10/15 职场文书

房屋买卖协议书

2014/04/10 职场文书

商业企业管理专业求职信

2014/07/10 职场文书

会计工作检讨书

2015/02/19 职场文书

2015年科学教研组工作总结

2015/07/22 职场文书