编程 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 核心函数以及jQuery对象

Mar 23 Javascript

javascript中"/"运算符常见错误

Oct 13 Javascript

jQuery学习总结之元素的相对定位和选择器(持续更新)

Apr 26 Javascript

jQuery获取和设置表单元素的方法

Feb 14 Javascript

extjs 分页使用jsp传递数据示例

Jul 29 Javascript

jquery简单的弹出层浮动层代码

Apr 27 Javascript

JS实现淡蓝色简洁竖向Tab点击切换效果

Oct 06 Javascript

基于BootStrap Metronic开发框架经验小结【七】数据的导入、导出及附件的查看处理

May 12 Javascript

JS监听事件的叠加和移除功能

Nov 19 Javascript

layui实现数据表格隐藏列的示例

Oct 25 Javascript

JavaScript 中for/of,for/in 的详细介绍

Nov 17 Javascript

JavaScript展开运算符和剩余运算符的区别详解

Feb 18 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

长波有什么东西

2021/03/01 无线电

php使用mb_check_encoding检查字符串在指定的编码里是否有效

2013/11/07 PHP

完整删除ecshop中获取店铺信息的API

2014/12/24 PHP

[原创]PHP正则删除html代码中a标签并保留标签内容的方法

2017/05/23 PHP

PHP面向对象五大原则之开放-封闭原则(OCP)详解

2018/04/04 PHP

PHP+swoole+linux实现系统监控和性能优化操作示例

2019/04/15 PHP

JS日历推荐

2006/12/03 Javascript

利用浏览器全屏api实现js全屏

2014/01/16 Javascript

JS/Jquery判断对象为空的方法

2015/06/11 Javascript

详解JavaScript ES6中的Generator

2015/07/28 Javascript

史上最全JavaScript常用的简写技巧（推荐）

2017/08/17 Javascript

webpack-dev-server自动更新页面方法

2018/02/22 Javascript

jQuery实现带右侧索引功能的通讯录示例【附源码下载】

2018/04/17 jQuery

玩转vue的slot内容分发

2018/09/22 Javascript

bootstrap table实现iview固定列的效果实例代码详解

2019/09/30 Javascript

详解node.js 事件循环

2020/07/22 Javascript

原生js实现照片墙效果

2020/10/13 Javascript

[02:54]辉夜杯主赛事第二日败者组 iG.V赛后采访

2015/12/26 DOTA

浅析Python装饰器以及装饰器模式

2018/05/28 Python

Python使用add_subplot与subplot画子图操作示例

2018/06/01 Python

使用APScheduler3.0.1 实现定时任务的方法

2019/07/22 Python

地图可视化神器kepler.gl python接口的使用方法

2020/12/22 Python

Python爬取你好李焕英豆瓣短评生成词云的示例代码

2021/02/24 Python

法国购买二手电子产品网站：Asgoodasnew

2020/03/27 全球购物

简历的个人自我评价范文

2014/01/03 职场文书

销售主管岗位职责范本

2014/02/14 职场文书

培训讲师岗位职责

2014/04/13 职场文书

婚纱店策划方案

2014/05/22 职场文书

师范学院毕业生求职信

2014/06/24 职场文书

2014年医院科室工作总结

2014/12/20 职场文书

病危通知书样本

2015/04/17 职场文书

工程合作意向书范本

2015/05/09 职场文书

飞屋环游记观后感

2015/06/08 职场文书

总结一些Java常用的加密算法

2021/06/11 Java/Android

MySQL图形化管理工具Navicat安装步骤

2021/12/04 MySQL

nginx代理实现静态资源访问的示例代码

2022/07/07 Servers