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

动态加载js的几种方法

Oct 23 Javascript

javascript String 对象

Apr 25 Javascript

input 输入框内的输入事件详细分析

Mar 17 Javascript

javascript针对DOM的应用分析（二）

Apr 15 Javascript

javascript实现一个数值加法函数

Jun 26 Javascript

详解js中构造流程图的核心技术JsPlumb（2）

Dec 08 Javascript

javascript获取wx.config内部字段解决微信分享

Mar 09 Javascript

使用jQuery mobile NuGet让你的网站在移动设备上同样精彩

Jun 18 jQuery

基于vue+uniapp直播项目实现uni-app仿抖音/陌陌直播室功能

Nov 12 Javascript

koa中间件核心（koa-compose）源码解读分析

Jun 15 Javascript

使用Vue-scroller页面input框不能触发滑动的问题及解决方法

Aug 08 Javascript

小程序自定义圆形进度条

Nov 17 Javascript

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 无限级分类获取顶级分类ID

2016/03/13 PHP

Laravel 中使用 Vue.js 实现基于 Ajax 的表单提交错误验证操作

2017/06/30 PHP

NiftyCube——轻松实现圆角边框

2007/02/20 Javascript

可实现多表单提交的javascript函数

2007/08/01 Javascript

javascript object array方法使用详解

2012/12/03 Javascript

javascript删除字符串最后一个字符

2014/01/14 Javascript

JS获取几种URL地址的方法小结

2014/02/26 Javascript

js实现鼠标移到链接文字弹出一个提示层的方法

2015/05/11 Javascript

AngularJs动态加载模块和依赖注入详解

2016/01/11 Javascript

三种带箭头提示框总结实例

2016/06/14 Javascript

禁用backspace网页回退功能的实现代码

2016/11/15 Javascript

详解Node使用Puppeteer完成一次复杂的爬虫

2018/04/18 Javascript

vue指令只能输入正数并且只能输入一个小数点的方法

2018/06/08 Javascript

详解Axios 如何取消已发送的请求

2018/10/20 Javascript

angularjs通过过滤器返回超链接的方法

2018/10/26 Javascript

浅谈webpack+react多页面开发终极架构

2018/11/11 Javascript

详解微信小程序-canvas绘制文字实现自动换行

2019/04/26 Javascript

详解Vue3.0 + TypeScript + Vite初体验

2021/02/22 Vue.js

[02:38]2018DOTA2亚洲邀请赛赛前采访-VGJ.T

2018/04/03 DOTA

Python 字符串操作方法大全

2014/03/11 Python

python选择排序算法实例总结

2015/07/01 Python

Python 包含汉字的文件读写之每行末尾加上特定字符

2016/12/12 Python

python读取与写入csv格式文件的示例代码

2017/12/16 Python

python xlsxwriter库生成图表的应用示例

2018/03/16 Python

Python实现Dijkstra算法

2018/10/17 Python

Django中ajax发送post请求报403错误CSRF验证失败解决方案

2019/08/13 Python

如何使用Python发送HTML格式的邮件

2020/02/11 Python

Python更新所有已安装包的操作

2020/02/13 Python

Python3自定义http/https请求拦截mitmproxy脚本实例

2020/05/11 Python

英国最大的在线蜡烛商店：Candles Direct

2019/03/26 全球购物

人事部岗位职责范本

2014/03/05 职场文书

酒店餐厅2014重阳节活动策划方案

2014/09/16 职场文书

刑事辩护授权委托书范本

2014/10/17 职场文书

实名检举信范文

2015/03/02 职场文书

2016年元旦寄语

2015/08/17 职场文书

Python 数据可视化之Bokeh详解

2021/11/02 Python