javascript修改图片src的方法


Posted in Javascript onJanuary 27, 2015

本文实例讲述了javascript修改图片src的方法。分享给大家供大家参考。具体实现方法如下:

<!DOCTYPE html>

<html>

<head>

<title>使用js改变图片</title>

<script>

function changeImage() {

var element = document.getElementById('myimage');

element.src = "image/a/053120.jpg";

}

</script>

</head>

<body>

<h1>使用js改变图片</h1>

<p>请点击按钮 <a href="a/html/054210.htm">原文</a></p>

<img id="myimage" src="image/a/054210.jpg" alt="足球宝贝" />

<input name="meinv" type='button' value="改变图片" onclick="changeImage()">

</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
页面按钮禁用与解除禁用的方法
Feb 19 Javascript
js限制文本框只能输入数字方法小结
Jun 16 Javascript
纯js实现无限空间大小的本地存储
Jun 18 Javascript
layer实现弹窗提交信息
Dec 12 Javascript
JS实现自动轮播图效果(自适应屏幕宽度+手机触屏滑动)
Jun 19 Javascript
详解如何用babel转换es6的class语法
Apr 03 Javascript
Vue使用lodop实现打印小结
Jul 06 Javascript
使用layui的router来进行传参的实现方法
Sep 06 Javascript
JavaScript实现Tab选项卡切换
Feb 13 Javascript
Nuxt的路由配置和参数传递方式
Nov 06 Javascript
js实现弹窗猜数字游戏
Nov 26 Javascript
Vue中computed和watch有哪些区别
Dec 19 Vue.js
js获取内联样式的方法
Jan 27 #Javascript
js获取元素外链样式的方法
Jan 27 #Javascript
jquery复选框多选赋值给文本框的方法
Jan 27 #Javascript
jQuery+ajax实现动态执行脚本的方法
Jan 27 #Javascript
javascript将异步校验表单改写为同步表单
Jan 27 #Javascript
JavaScript中实现sprintf、printf函数
Jan 27 #Javascript
javascript批量修改文件编码格式的方法
Jan 27 #Javascript
You might like
解析php中的escape函数
2013/06/29 PHP
PHP可变变量学习小结
2015/11/29 PHP
php cookie 详解使用实例
2016/11/03 PHP
PHP对称加密算法(DES/AES)类的实现代码
2017/11/14 PHP
PHP面向对象五大原则之里氏替换原则(LSP)详解
2018/04/08 PHP
用JavaScrpt实现文件夹简单轻松加密的实现方法图文
2008/09/08 Javascript
jQuery 常见操作实现方式和常用函数方法总结
2011/05/06 Javascript
jquery实现人性化的有选择性禁用鼠标右键
2014/06/30 Javascript
JavaScript使用cookie实现记住账号密码功能
2015/04/27 Javascript
png在IE6 下无法透明的解决方法汇总
2015/05/21 Javascript
JavaScript观察者模式(经典)
2015/12/09 Javascript
浅谈JavaScript函数的四种存在形态
2016/06/08 Javascript
Bootstrap进度条实现代码解析
2017/03/07 Javascript
ES6(ECMAScript 6)新特性之模板字符串用法分析
2017/04/01 Javascript
JavaScript之RegExp_动力节点Java学院整理
2017/06/29 Javascript
Angular2 组件交互实例详解
2017/08/24 Javascript
vue页面切换过渡transition效果
2018/10/08 Javascript
在Vue环境下利用worker运行interval计时器的步骤
2019/08/01 Javascript
Vue实现腾讯云点播视频上传功能的实现代码
2020/08/17 Javascript
[01:10:24]DOTA2-DPC中国联赛 正赛 VG vs Aster BO3 第一场 2月28日
2021/03/11 DOTA
使用python遍历指定城市的一周气温
2017/03/31 Python
Python 登录网站详解及实例
2017/04/11 Python
pandas.DataFrame 根据条件新建列并赋值的方法
2018/04/08 Python
pytorch中的weight-initilzation用法
2020/06/24 Python
解决python3.x安装numpy成功但import出错的问题
2020/11/17 Python
CSS3 mask 遮罩的具体使用方法
2017/11/03 HTML / CSS
世界上最大的家庭自动化公司:Smarthome
2017/12/20 全球购物
Hotter Shoes美国官网:英国最受欢迎的舒适鞋
2018/08/02 全球购物
乌克兰排名第一的在线旅游超市:Farvater.Travel
2020/01/02 全球购物
入党积极分子思想汇报
2014/01/02 职场文书
实习护士自荐信
2014/06/21 职场文书
感恩教育月活动总结
2014/07/07 职场文书
先进个人事迹材料范文
2014/12/30 职场文书
2016八一建军节慰问信
2015/11/30 职场文书
62句有关感恩节文案(推荐收藏)
2019/11/28 职场文书
如何让你的Nginx支持分布式追踪详解
2022/07/07 Servers