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

jscript之Open an Excel Spreadsheet

Jun 13 Javascript

用JavaScript仿PS里的羽化效果代码

Dec 20 Javascript

自定义右键属性覆盖浏览器默认右键行为实现代码

Feb 02 Javascript

禁用键盘上的(全局)指定键兼容iE、Chrome、火狐

May 14 Javascript

单击浏览器右上角的X关闭窗口弹出提示的小例子

Jun 12 Javascript

再谈Jquery Ajax方法传递到action(补充)

May 12 Javascript

JavaScript处理解析JSON数据过程详解

Sep 11 Javascript

对jQuary选择器的全面总结

Jun 20 Javascript

详解Jquery Easyui的验证扩展

Jan 09 Javascript

解决给dom元素绑定click等事件无效问题的方法

Feb 17 Javascript

浅谈Vue SPA 首屏加载优化实践

Dec 15 Javascript

vue和webpack打包项目相对路径修改的方法

Jun 15 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简单封装了一些常用JS操作

2007/02/25 PHP

php 删除cookie和浏览器重定向

2009/03/16 PHP

探讨php中遍历二维数组的几种方法详解

2013/06/08 PHP

深入PHP许愿墙模块功能分析

2013/06/25 PHP

PHP代码维护，重构变困难的4种原因分析

2016/01/25 PHP

PHP5中使用mysqli的prepare操作数据库的介绍

2019/03/18 PHP

不懂JavaScript应该怎样学

2008/04/16 Javascript

仿163填写邮件地址自动显示下拉（无优化）

2008/11/05 Javascript

js类的静态属性和实例属性的理解

2009/10/01 Javascript

javascript 按回车键相应按钮提交事件

2009/11/02 Javascript

JavaScript 加号(+)运算符号

2009/12/06 Javascript

firefox firebug中文入门教程脚本之家新年特别版

2010/01/02 Javascript

实测jquery data()如何存值

2013/08/18 Javascript

jQuery实现鼠标可拖动调整表格列宽度

2014/05/26 Javascript

AngularJs动态加载模块和依赖注入详解

2016/01/11 Javascript

JavaScript中点击事件的写法

2016/06/28 Javascript

js实现table添加行tr、删除行tr、清空行tr的简单实例

2016/10/15 Javascript

AngularJS中$http使用的简单介绍

2017/03/17 Javascript

Angular2使用Angular CLI快速搭建工程（一）

2017/05/21 Javascript

Angular 4.x+Ionic3踩坑之Ionic3.x pop反向传值详解

2018/03/13 Javascript

微信小程序开发之改变data中数组或对象的某一属性值

2018/07/05 Javascript

layer 关闭指定弹出层的例子

2019/09/25 Javascript

vue+element搭建后台小总结 el-dropdown下拉功能

2020/04/10 Javascript

[02:20]DOTA2中文配音宣传片

2013/05/22 DOTA

[02:44]DOTA2英雄基础教程克林克兹

2014/01/15 DOTA

Python实现检测服务器是否可以ping通的2种方法

2015/01/01 Python

python类的方法属性与方法属性的动态绑定代码详解

2017/12/27 Python

python实现Floyd算法

2018/01/03 Python

python使用PIL实现多张图片垂直合并

2019/01/15 Python

在python里协程使用同步锁Lock的实例

2019/02/19 Python

Python判断两个文件是否相同与两个文本进行相同项筛选的方法

2019/03/01 Python

python不相等的两个字符串的 if 条件判断为True详解

2020/03/12 Python

中学生自我鉴定

2014/02/04 职场文书

银行开业庆典方案

2014/02/06 职场文书

五年级数学教学反思

2016/02/16 职场文书

pycharm debug 断点调试心得分享

2021/04/16 Python