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程序设计有所帮助。

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 &amp; 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