javascript修改图片src的方法
更新时间：2015年01月27日 11:19:39 投稿：shichen2014
这篇文章主要介绍了javascript修改图片src的方法,通过简单的图片src获取与赋值来实现修改src的功能,需要的朋友可以参考下
本文实例讲述了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>
<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程序设计有所帮助。
相关文章
这篇文章主要介绍了js中this用法,实例分析了this指向windows、指向对象及改变this指向的相关技巧,需要的朋友可以参考下2015-05-05
JS组件Bootstrap ContextMenu右键菜单使用方法
这篇文章主要为大家详细介绍了JS组件Bootstrap ContextMenu右键菜单使用方法，感兴趣的小伙伴们可以参考一下2016-04-04
js function使用心得，对于面向对象的学习都是不错的参考资料。2010-05-05
这篇文章主要为大家详细介绍了js实现双人五子棋小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-05-05
这篇文章主要介绍了webpack4简单入门实例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-09
这篇文章介绍了Webpack4.x的四个核心概念介绍，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-06-06
巧妙去除数组中的重复项的方法参考，需要的朋友可以参考下。2010-01-01
这篇文章主要为大家详细介绍了微信小程序代码上传、审核发布小程序，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-05-05
JavaScript中有几种强制类型转换的方法，可以将一个数据类型转换为另一个数据类型，具有一定的参考价值，感兴趣的可以了解一下2023-05-05
Bootstrap Metronic完全响应式管理模板学习笔记
这篇文章主要为大家分享了Bootstrap Metronic完全响应式管理模板学习笔记，感兴趣的小伙伴们可以参考一下2016-07-07
最新评论