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

IE中jscript/javascript的条件编译

Sep 07 Javascript

Ajax::prototype 源码解读

Jan 22 Javascript

AJAX架构之Dojo篇

Apr 10 Javascript

jquery 获取表单元素里面的值示例代码

Jul 28 Javascript

JavaScript实现存储HTML字符串示例

Apr 21 Javascript

BootStrap轻松实现微信页面开发代码分享

Oct 21 Javascript

node.js实现复制文本到剪切板的功能

Jan 23 Javascript

JS Select下拉框(支持输入模糊查询)

Feb 04 Javascript

VUE饿了么树形控件添加增删改功能的示例代码

Oct 17 Javascript

使用Three.js实现太阳系八大行星的自转公转示例代码

Apr 09 Javascript

JS实现按比例缩小图片宽高

Aug 24 Javascript

微信小程序对图片进行canvas压缩的方法示例详解

Nov 12 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 Ajax中文乱码问题解决方法

2009/02/27 PHP

php下目前为目最全的CURL中文说明

2010/08/01 PHP

php使用curl抓取qq空间的访客信息示例

2014/02/28 PHP

php数组随机排序实现方法

2015/06/13 PHP

详解WordPress开发中wp_title()函数的用法

2016/01/07 PHP

php使用CutyCapt实现网页截图保存的方法

2016/10/03 PHP

php输出图像的方法实例分析

2017/02/16 PHP

PHP实现的DES加密解密封装类完整实例

2017/04/29 PHP

javascript 异常处理使用总结

2009/06/21 Javascript

JQuery入门——用bind方法绑定事件处理函数应用介绍

2013/02/05 Javascript

js借助ActiveXObject实现创建文件

2013/09/29 Javascript

jquery模拟LCD 时钟的html文件源代码

2014/06/16 Javascript

Javascript中innerHTML用法实例分析

2015/01/12 Javascript

NodeJS学习笔记之（Url，QueryString，Path）模块

2015/01/13 NodeJs

JavaScript实现跑马灯抽奖活动实例代码解析与优化（一）

2016/02/16 Javascript

jQuery Ajax 上传文件处理方式介绍(推荐)

2016/06/30 Javascript

js注入黑客之路必备！

2016/09/14 Javascript

Bootstrap进度条学习使用

2017/02/09 Javascript

D3.js实现简洁实用的动态仪表盘的示例

2018/04/04 Javascript

解决vue数组中对象属性变化页面不渲染问题

2018/08/09 Javascript

Vue 自定义标签的src属性不能使用相对路径的解决

2019/09/17 Javascript

浅谈TypeScript的类型保护机制

2020/02/23 Javascript

[14:36]2014 DOTA2国际邀请赛中国区预选赛5.21 Orenda VS NE

2014/05/22 DOTA

python使用装饰器和线程限制函数执行时间的方法

2015/04/18 Python

TensorFlow实现卷积神经网络CNN

2018/03/09 Python

pycharm远程linux开发和调试代码的方法

2018/07/17 Python

python爬虫猫眼电影和电影天堂数据csv和mysql存储过程解析

2019/09/05 Python

利用python、tensorflow、opencv、pyqt5实现人脸实时签到系统

2019/09/25 Python

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

2020/10/22 Python

小学生春游活动方案

2014/08/20 职场文书

2014年财务工作自我评价

2014/09/23 职场文书

武侯祠导游词

2015/02/04 职场文书

小学生节约用水倡议书

2019/08/12 职场文书

南阳市白酒市场的调查报告

2019/11/08 职场文书

Vue CLI中模式与环境变量的深入详解

2021/05/30 Vue.js

HTTP中的Content-type详解

2022/01/18 HTML / CSS