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

一个用js实现的页内搜索代码

May 23 Javascript

Jquery跳到页面指定位置的方法

May 12 Javascript

node.js中的fs.appendFile方法使用说明

Dec 17 Javascript

javascript实现禁止鼠标滚轮事件

Jul 24 Javascript

JavaScript类的写法

Sep 17 Javascript

对比分析Django的Q查询及AngularJS的Datatables分页插件

Feb 07 Javascript

Bootstrap Table使用整理（三）

Jun 09 Javascript

Vue+jquery实现表格指定列的文字收缩的示例代码

Jan 09 jQuery

JavaScript实现的级联算法示例【省市二级联动功能】

Dec 25 Javascript

Node.js学习之内置模块fs用法示例

Jan 22 Javascript

js 计算月/周的第一天和最后一天代码

Feb 01 Javascript

React如何使用axios请求数据并把数据渲染到组件

Aug 05 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

德劲1104的电路分析与改良

2021/03/01 无线电

Zend Framework教程之连接数据库并执行增删查的方法(附demo源码下载)

2016/03/21 PHP

浅谈PHP值mysql操作类

2016/06/29 PHP

jQuery 表单验证扩展(三)

2010/10/20 Javascript

通过js简单实现将一个文本内容转译成加密文本

2013/10/22 Javascript

js获取select标签选中值的两种方式

2014/01/09 Javascript

JavaScript中常见获取元素的方法汇总

2015/03/04 Javascript

jQuery实现仿Alipay支付宝首页全屏焦点图切换特效

2015/05/04 Javascript

jQuery checkbox选中问题之prop与attr注意点分析

2016/11/15 Javascript

详解JavaScript模块化开发

2016/12/04 Javascript

vue数据双向绑定原理解析（get & set)

2017/03/08 Javascript

深入理解Node.js中通用基础设计模式

2017/09/19 Javascript

p5.js入门教程之鼠标交互的示例

2018/03/16 Javascript

跟老齐学Python之玩转字符串(3)

2014/09/14 Python

python制作爬虫并将抓取结果保存到excel中

2016/04/06 Python

python导入时小括号大作用

2017/01/10 Python

Python 3.x读写csv文件中数字的方法示例

2017/08/29 Python

Python 从相对路径下import的方法

2018/12/04 Python

pytorch下使用LSTM神经网络写诗实例

2020/01/14 Python

Django单元测试中Fixtures的使用方法

2020/02/26 Python

DataFrame.groupby()所见的各种用法详解

2020/06/14 Python

关于Python字符编码与二进制不得不说的一些事

2020/10/04 Python

CSS3实现各种图形的示例代码

2016/10/19 HTML / CSS

稀有和绝版书籍：Biblio.com

2017/02/02 全球购物

Molly Bracken法国电子商店：法国女性时尚品牌

2019/07/24 全球购物

运动鞋、街头服装、手表和手袋的实时市场：StockX

2020/11/25 全球购物

金融管理应届生求职信

2014/02/20 职场文书

销售职业生涯规划范文

2014/03/14 职场文书

《微笑着面对生活》优秀演讲稿范文

2014/09/23 职场文书

2014年信息宣传工作总结

2014/12/18 职场文书

统计员岗位职责

2015/02/11 职场文书

学生逃课万能检讨书2000字

2015/02/17 职场文书

会议通知范文

2015/04/15 职场文书

公司开会通知

2015/04/20 职场文书

竞聘演讲报告：基本写作有哪些？附开头范文

2019/10/16 职场文书

python析构函数用法及注意事项

2021/06/22 Python