javascript修改圖片src的方法
更新時間：2015年01月27日 11:19:39 投稿：shichen2014
這篇文章主要介紹了javascript修改圖片src的方法,通過簡單的圖片src獲取與賦值來實(shí)現(xiàn)修改src的功能,需要的朋友可以參考下
本文實(shí)例講述了javascript修改圖片src的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：
復(fù)制代碼 代碼如下:
<!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>請點(diǎn)擊按鈕 <a href="a/html/054210.htm">原文</a></p>
<img id="myimage" src="image/a/054210.jpg" alt="足球?qū)氊? />
<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>請點(diǎn)擊按鈕 <a href="a/html/054210.htm">原文</a></p>
<img id="myimage" src="image/a/054210.jpg" alt="足球?qū)氊? />
<input name="meinv" type='button' value="改變圖片" onclick="changeImage()">
</body>
</html>
希望本文所述對大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
今天與同事一起看了一個javscript定義函數(shù)問題，如何在定義一個函數(shù)里給參數(shù)一個默認(rèn)值.2011-07-07
location.search在客戶端獲取Url參數(shù)的方法
最近一直在寫html，剛接觸到，感覺挺復(fù)雜的。。比如傳參，在.net里可以直接用Request接受，而在html中還要經(jīng)過處理，找了一些資料，寫了個方法。2010-06-06
uni-app如何頁面?zhèn)鲄?shù)的幾種方法總結(jié)
這篇文章主要介紹了uni-app如何頁面?zhèn)鲄?shù)的幾種方法總結(jié),文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04
createElement和onclick...2006-11-11
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)星星海特效特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
這篇文章主要為大家詳細(xì)介紹了js+css打字效果的實(shí)現(xiàn)方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-04-04
JavaScript運(yùn)動減速效果實(shí)例分析
這篇文章主要介紹了JavaScript運(yùn)動減速效果,模擬了物體做減速運(yùn)動的效果,以兩個實(shí)例形式分析了javascript實(shí)現(xiàn)物體做減速運(yùn)動的實(shí)現(xiàn)技巧,涉及javascript動態(tài)操作頁面元素樣式及數(shù)學(xué)運(yùn)算的方法,非常簡潔實(shí)用,需要的朋友可以參考下2015-08-08
ES6學(xué)習(xí)教程之Map的常用方法總結(jié)
Map 是 ES6 中新增的一種數(shù)據(jù)結(jié)構(gòu)，與 Set 一起添加，其實(shí)功能都差不多。下面這篇文章主要給大家總結(jié)介紹了關(guān)于ES6學(xué)習(xí)教程之Map的常用方法，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來一起看看吧。2017-08-08
一般如果變量通過var聲明，但是并未初始化的時候，變量的值為undefined，而未定義的變量則需要通過 "typeof 變量"的形式來判斷，否則會發(fā)生錯誤2012-11-11
這篇文章主要介紹了小程序?qū)崿F(xiàn)展開/收起的效果示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09