首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 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 相关文章推荐
限制文本框输入N个字符的js代码
May 13 Javascript
HTML长文本截取含有HTML代码同样适用的两种方法
Jul 31 Javascript
javascript的document.referrer浏览器支持、失效情况总结
Jul 18 Javascript
jquery移动点击的项目到列表最顶端的方法
Jun 24 Javascript
基于javascript实现表格的简单操作
May 21 Javascript
Web 开发中Ajax的Session 超时处理方法
Jan 19 Javascript
AngularJS中使用ngModal模态框实例
May 27 Javascript
Vue.js结合bootstrap前端实现分页和排序效果
Dec 29 Javascript
Vue实现table上下移动功能示例
Feb 21 Javascript
Vue之Mixins(混入)的使用方法
Sep 24 Javascript
微信小程序用户盒子、宫格列表的实现
Jul 01 Javascript
vue实现简易的双向数据绑定
Dec 29 Vue.js
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
mounted(1) 子查询(1) el-table(1) nginx(76) TableField(1) 日志格式分析(1) create(1) Mybatis-Plus(3) 脚手架(2) Next.js(1)
You might like
PHP变量赋值、代入给JavaScript中的变量
2015/06/29 PHP
PHP 数组基本操作方法详解
2016/06/17 PHP
PHP一个简单的无需刷新爬虫
2019/01/05 PHP
PHP延迟静态绑定使用方法实例解析
2020/09/05 PHP
jqGrid jQuery 表格插件测试代码
2011/08/23 Javascript
JavaScript原型继承之基础机制分析
2011/08/26 Javascript
基于jquery的图片轮播 tab切换组件
2012/07/19 Javascript
html5的自定义data-*属性和jquery的data()方法的使用示例
2013/08/21 Javascript
jQuery中andSelf()方法用法实例
2015/01/08 Javascript
异步JavaScript编程中的Promise使用方法
2015/07/28 Javascript
微信小程序 支付功能开发错误总结
2017/02/21 Javascript
cocos creator Touch事件应用(触控选择多个子节点的实例)
2017/09/10 Javascript
详解js中Array的方法及技巧
2018/09/12 Javascript
小程序点击图片实现自动播放视频
2020/05/29 Javascript
React事件处理的机制及原理
2018/12/03 Javascript
Vue.js实现开发购物车功能的方法详解
2019/02/22 Javascript
JS apply用法总结和使用场景实例分析
2020/03/14 Javascript
[37:47]IG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python 比较文本相似性的方法(difflib,Levenshtein)
2018/10/15 Python
10 行Python 代码实现 AI 目标检测技术【推荐】
2019/06/14 Python
Django 项目重命名的实现步骤解析
2019/08/14 Python
python列表生成器迭代器实例解析
2019/12/19 Python
tensorflow生成多个tfrecord文件实例
2020/02/17 Python
40行Python代码实现天气预报和每日鸡汤推送功能
2020/02/27 Python
Python代码执行时间测量模块timeit用法解析
2020/07/01 Python
Python selenium模块实现定位过程解析
2020/07/09 Python
Python实现Word文档转换Markdown的示例
2020/12/22 Python
美国最大的宠物药店：1-800-PetMeds
2016/10/02 全球购物
一篇.NET面试题
2014/09/29 面试题
高中毕业自我评价
2014/02/08 职场文书
技术比武方案
2014/05/19 职场文书
生产工厂门卫岗位职责
2014/09/26 职场文书
2015年质检工作总结
2015/05/04 职场文书
selenium.webdriver中add_argument方法常用参数表
2021/04/08 Python
三星 3nm 芯片将于第二季度开始量产
2022/04/29 数码科技
create-react-app开发常用配置教程
2022/06/25 Javascript