编程 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图片阅览组件

Nov 09 Javascript

jquery操作checkbox示例分享

Jul 21 Javascript

JavaScript对象数组排序函数及六个用法

Dec 23 Javascript

jQuery中attr()与prop()函数用法实例详解(附用法区别)

Dec 29 Javascript

值得分享和收藏的xmlplus组件学习教程

May 05 Javascript

EasyUI的TreeGrid的过滤功能的解决思路

Aug 08 Javascript

JavaScript寄生组合式继承实例详解

Jan 06 Javascript

koa2实现登录注册功能的示例代码

Dec 03 Javascript

JS实现将对象转化为数组的方法分析

Jan 21 Javascript

微信小程序缓存过期时间的使用详情

May 12 Javascript

微信JS-SDK实现微信会员卡功能(给用户微信卡包里发送会员卡)

Jul 25 Javascript

JS async 函数的含义和用法实例总结

Apr 08 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的栏目导航程序

2006/10/09 PHP

PHP实现二叉树的深度优先与广度优先遍历方法

2015/09/28 PHP

laravel-admin表单提交隐藏一些数据,回调时获取数据的方法

2019/10/08 PHP

jquery text()要注意啦

2009/10/30 Javascript

javascript loadScript异步加载脚本示例讲解

2013/11/14 Javascript

探析浏览器执行JavaScript脚本加载与代码执行顺序

2016/01/12 Javascript

理解JavaScript表单的基础知识

2016/01/25 Javascript

Angular.js 实现数字转换汉字实例代码

2016/07/14 Javascript

js清除浏览器缓存的几种方法

2017/03/15 Javascript

JavaScript无缝滚动效果的实例代码

2017/03/27 Javascript

基于angular实现三级联动的生日插件

2017/05/12 Javascript

如何选择适合你的JavaScript框架

2017/11/20 Javascript

如何把vuejs打包出来的文件整合到springboot里

2018/07/26 Javascript

微信小程序实现商品属性联动选择

2019/02/15 Javascript

WebGL three.js学习笔记之阴影与实现物体的动画效果

2019/04/25 Javascript

js+HTML5 canvas 实现简单的加载条(进度条)功能示例

2019/07/16 Javascript

countUp.js实现数字滚动效果

2019/10/18 Javascript

全局安装 Vue cli3 和继续使用 Vue-cli2.x操作

2020/09/08 Javascript

解决vue项目运行提示Warnings while compiling.警告的问题

2020/09/18 Javascript

JavaScript实现打字游戏

2021/02/19 Javascript

wxpython 学习笔记第一天

2009/03/16 Python

Python写的PHPMyAdmin暴力破解工具代码

2014/08/06 Python

使用PyV8在Python爬虫中执行js代码

2017/02/16 Python

定制FileField中的上传文件名称实例

2017/08/23 Python

python opencv之SURF算法示例

2018/02/24 Python

Python获取一个用户名的组ID过程解析

2019/09/03 Python

Python3爬虫关于识别检验滑动验证码的实例

2020/07/30 Python

全网最细 Python 格式化输出用法讲解(推荐)

2021/01/18 Python

运动会通讯稿100字

2014/01/31 职场文书

法人委托书范本

2014/04/04 职场文书

大学生学雷锋活动总结

2014/06/26 职场文书

群教班子对照检查材料

2014/08/26 职场文书

借款民事起诉状范文

2015/05/19 职场文书

乡镇司法所2015年度工作总结

2015/10/14 职场文书

导游词之镜泊湖

2019/12/09 职场文书

Win11应用商店打开闪退怎么解决? win11应用商店打不开的多种解决办法

2022/04/05 数码科技