编程 Javascript

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

- Author -

shichen2014

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

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