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 相关文章推荐
33种Javascript 表格排序控件收集
Dec 03 Javascript
jQuery晃动层特效实现方法
Mar 09 Javascript
jQuery实现模拟marquee标签效果
Jul 14 Javascript
javascript弹出窗口实现代码
Nov 12 Javascript
Bootstrap每天必学之按钮(Button)插件
Apr 25 Javascript
Angular多选、全选、批量选择操作实例代码
Mar 10 Javascript
前端把html表格生成为excel表格的实例
Sep 19 Javascript
bootstrap表格内容过长时用省略号表示的解决方法
Nov 21 Javascript
详解JavaScript基础知识(JSON、Function对象、原型、引用类型)
Jan 16 Javascript
vue计算属性时v-for处理数组时遇到的一个bug问题
Jan 21 Javascript
Node.js API详解之 querystring用法实例分析
Apr 29 Javascript
JavaScript实现简单动态表格
Dec 02 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中的use关键字及文件的加载详解
2016/11/28 PHP
使用Apache的rewrite
2021/03/09 Servers
Autocomplete Textbox Example javascript实现自动完成成功
2007/08/17 Javascript
基于jquery.Jcrop的头像编辑器
2010/03/01 Javascript
预加载css或javascript的js代码
2010/04/23 Javascript
jquery中radio checked问题
2015/03/16 Javascript
JavaScript模拟实现继承的方法
2015/03/30 Javascript
JavaScript数组迭代器实例分析
2015/06/09 Javascript
JS判断页面是否出现滚动条的方法
2015/07/17 Javascript
jquery获取所有选中的checkbox实现代码
2016/05/26 Javascript
js实现砖头在页面拖拉效果
2020/11/20 Javascript
JS失效 提示HTML1114: (UNICODE 字节顺序标记)的代码页 utf-8 覆盖(META 标记)的冲突的代码页 utf-8
2017/06/23 Javascript
AngularJS常见过滤器用法实例总结
2017/07/06 Javascript
node.js处理前端提交的GET请求
2019/08/30 Javascript
Vue中关闭弹窗组件时销毁并隐藏操作
2020/09/01 Javascript
Python translator使用实例
2008/09/06 Python
八大排序算法的Python实现
2021/01/28 Python
Python文件操作,open读写文件,追加文本内容实例
2016/12/14 Python
Django 根据数据模型models创建数据表的实例
2018/05/27 Python
python将list转为matrix的方法
2018/12/12 Python
通过shell+python实现企业微信预警
2019/03/07 Python
pandas 如何分割字符的实现方法
2019/07/29 Python
Python接口开发实现步骤详解
2020/04/26 Python
Scrapy中如何向Spider传入参数的方法实现
2020/09/28 Python
使用CSS3设计地图上的雷达定位提示效果
2016/04/05 HTML / CSS
用HTML5制作视频拼图的教程
2015/05/13 HTML / CSS
浅谈Html5页面打开app的一些思考
2020/03/30 HTML / CSS
解决html5中的video标签ios系统中无法播放使用的问题
2020/08/10 HTML / CSS
Waterford加拿大官方网站:世界著名的水晶杯品牌
2016/11/01 全球购物
如何利用find命令查找文件
2016/11/18 面试题
继电保护工岗位职责
2014/01/05 职场文书
大学生自我评价范文分享
2014/02/21 职场文书
课内比教学心得体会
2014/09/09 职场文书
工会工作个人总结
2015/03/03 职场文书
LayUI+Shiro实现动态菜单并记住菜单收展的示例
2021/05/06 Javascript
海康机器人重磅发布全新算法开发平台VM4.2
2022/04/21 数码科技