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

JavaScript 字符串处理函数使用小结

Dec 02 Javascript

读jQuery之七判断点击了鼠标哪个键的代码

Jun 21 Javascript

jQuery插件animateSlide制作多点滑动幻灯片

Jun 11 Javascript

你不知道的高性能JAVASCRIPT

Jan 18 Javascript

JavaScript中的各种操作符使用总结

May 26 Javascript

JavaScript仿百度图片浏览效果

Nov 23 Javascript

jQuery中DOM节点的删除方法总结（超全面）

Jan 22 Javascript

Angular中响应式表单的三种更新值方法详析

Aug 22 Javascript

vue使用ElementUI时导航栏默认展开功能的实现

Jul 04 Javascript

100行代码实现一个vue分页组功能

Nov 06 Javascript

利用JavaScript将Excel转换为JSON示例代码

Jun 14 Javascript

JavaScript实现酷炫的鼠标拖尾特效

Feb 18 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 jq jquery getJSON跨域提交数据完整版

2013/09/13 PHP

PHP+jQuery+Ajax实现分页效果 jPaginate插件的应用

2015/10/09 PHP

php5.2的curl-bug 服务器被php进程卡死问题排查

2016/09/19 PHP

PHP SESSION跨页面传递失败解决方案

2020/12/11 PHP

javascript 命名空间以提高代码重用性

2008/11/13 Javascript

JavaScript 面向对象编程（2）定义类

2010/05/18 Javascript

jQuery匹配文档链接并添加class的方法

2015/06/26 Javascript

Angular 路由route实例代码

2016/07/12 Javascript

js 将图片连接转换成base64格式的简单实例

2016/08/10 Javascript

jQuery实现的自定义滚动条实例详解

2016/09/20 Javascript

浅析如何利用JavaScript进行语音识别

2016/10/27 Javascript

jQuery基于ajax实现页面加载后检查用户登录状态的方法

2017/02/10 Javascript

微信小程序教程系列之新建页面（4）

2017/04/17 Javascript

原生js实现仿window10系统日历效果的实例

2017/10/31 Javascript

nodejs express配置自签名https服务器的方法

2018/05/22 NodeJs

详解如何在微信小程序中愉快地使用sass

2018/07/30 Javascript

JavaScript 九种跨域方式实现原理

2019/02/11 Javascript

微信小程序生成海报分享朋友圈的实现方法

2019/05/06 Javascript

Vuex模块化应用实践示例

2020/02/03 Javascript

如何构建一个Vue插件并生成npm包

2020/10/26 Javascript

vue + el-form 实现的多层循环表单验证

2020/11/25 Vue.js

使用PDB模式调试Python程序介绍

2015/04/05 Python

在windows系统中实现python3安装lxml

2016/03/23 Python

python使用mysql的两种使用方式

2018/03/07 Python

基于python 二维数组及画图的实例详解

2018/04/03 Python

使用pandas read_table读取csv文件的方法

2018/07/04 Python

python多进程并发demo实例解析

2019/12/13 Python

pytorch中图像的数据格式实例

2020/02/11 Python

Python基于内置函数type创建新类型

2020/10/22 Python

HTML5之tabindex属性全面解析

2016/07/07 HTML / CSS

搞笑创意广告语

2014/03/17 职场文书

会计系毕业生求职信

2014/05/28 职场文书

党员个人剖析材料

2014/09/30 职场文书

2015年财务试用期工作总结

2014/12/24 职场文书

2015年教研组工作总结

2015/05/04 职场文书

vue实现可以快进后退的跑马灯组件

2022/04/08 Vue.js