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

学习ExtJS TextField常用方法

Oct 07 Javascript

JS 对象介绍

Jan 20 Javascript

js FLASH幻灯片字符串中有连接符＆的处理方法

Mar 01 Javascript

不使用XMLHttpRequest实现异步加载 Iframe和script

Oct 29 Javascript

Jquery api 速查表分享

Jan 12 Javascript

使用AngularJS创建自定义的过滤器的方法

Jun 18 Javascript

javascript弹出带文字信息的提示框效果

Jul 19 Javascript

BootStrap CSS全局样式和表格样式源码解析

Jan 20 Javascript

js实现图片上传并预览功能

Aug 06 Javascript

使用Javascript简单计算器

Nov 17 Javascript

layer弹出层倒计时关闭的实现方法

Sep 27 Javascript

node.js 如何监视文件变化

Sep 01 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 date与gmdate的获取日期的区别

2010/02/08 PHP

收藏的PHP常用函数推荐收藏保存

2010/02/21 PHP

第二章 PHP入门基础之php代码写法

2011/12/30 PHP

php 使用curl模拟ip和来源进行访问的实现方法

2017/05/02 PHP

PHP CURL中传递cookie的方法步骤

2019/05/09 PHP

php设计模式之抽象工厂模式分析【星际争霸游戏案例】

2020/01/23 PHP

javascript sudoku 数独智力游戏生成代码

2010/03/27 Javascript

js生成随机数之random函数随机示例

2013/12/20 Javascript

获取select元素被选中的文本内容的js代码

2014/01/29 Javascript

JavaScript实现在页面间传值的方法

2015/04/07 Javascript

asp.net中oracle 存储过程（图文）

2015/08/12 Javascript

鼠标悬停小图标显示大图标

2016/01/22 Javascript

jQuery的文档处理程序详解

2016/05/10 Javascript

JavaScript闭包实例详解

2016/06/03 Javascript

深入理解jQuery 事件处理

2016/06/14 Javascript

jquery+ajax+text文本框实现智能提示完整实例

2016/07/09 Javascript

jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)

2016/09/08 Javascript

BootStrap注意事项小结（五）表单

2017/03/10 Javascript

node.JS md5加密中文与php结果不一致的解决方法

2017/05/05 Javascript

使用Node.js实现ORM的一种思路详解(图文)

2017/10/24 Javascript

简述JS浏览器的三种弹窗

2018/07/15 Javascript

vue在手机中通过本机IP地址访问webApp的方法

2018/08/15 Javascript

Async/Await替代Promise的6个理由

2019/06/15 Javascript

[00:55]2015国际邀请赛中国区预选赛5月23日——28日约战上海

2015/05/25 DOTA

[01:25]DOTA2自定义游戏灵园鬼域等你踏足

2015/10/30 DOTA

python生成随机图形验证码详解

2017/11/08 Python

python编程培训 python培训靠谱吗

2018/01/17 Python

PyQt5实现简易计算器

2020/05/30 Python

python 创建一维的0向量实例

2019/12/02 Python

python实现多进程按序号批量修改文件名的方法示例

2019/12/30 Python

全民健身日活动方案

2014/01/29 职场文书

学校门卫岗位职责

2014/03/16 职场文书

工作自我评价范文

2015/03/05 职场文书

会计简历自我评价

2015/03/10 职场文书

小学数学教学随笔

2015/08/14 职场文书

python 镜像环境搭建总结

2022/09/23 Python