javascript修改圖片src的方法
更新時(shí)間:2015年01月27日 11:19:39 投稿:shichen2014
這篇文章主要介紹了javascript修改圖片src的方法,通過(guò)簡(jiǎn)單的圖片src獲取與賦值來(lái)實(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>請(qǐng)點(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>請(qǐng)點(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>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- javascript批量修改文件編碼格式的方法
- javascript 表單中瀏覽文件的“瀏覽”按鈕修改
- JavaScript判斷用戶(hù)是否對(duì)表單進(jìn)行了修改的方法
- JavaScript修改瀏覽器tab標(biāo)題小技巧
- javascript修改IMG標(biāo)簽的src問(wèn)題
- JavaScript計(jì)算兩個(gè)日期時(shí)間段內(nèi)日期的方法
- javascript轉(zhuǎn)換日期字符串為Date日期對(duì)象的方法
- javascript實(shí)現(xiàn)日期格式轉(zhuǎn)換
- JavaScript顯示當(dāng)前文檔最后修改日期的方法
相關(guān)文章
location.search在客戶(hù)端獲取Url參數(shù)的方法
最近一直在寫(xiě)html,剛接觸到,感覺(jué)挺復(fù)雜的。。比如傳參,在.net里可以直接用Request接受,而在html中還要經(jīng)過(guò)處理,找了一些資料,寫(xiě)了個(gè)方法。2010-06-06uni-app如何頁(yè)面?zhèn)鲄?shù)的幾種方法總結(jié)
這篇文章主要介紹了uni-app如何頁(yè)面?zhèn)鲄?shù)的幾種方法總結(jié),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04JavaScript運(yùn)動(dòng)減速效果實(shí)例分析
這篇文章主要介紹了JavaScript運(yùn)動(dòng)減速效果,模擬了物體做減速運(yùn)動(dòng)的效果,以?xún)蓚€(gè)實(shí)例形式分析了javascript實(shí)現(xiàn)物體做減速運(yùn)動(dòng)的實(shí)現(xiàn)技巧,涉及javascript動(dòng)態(tài)操作頁(yè)面元素樣式及數(shù)學(xué)運(yùn)算的方法,非常簡(jiǎn)潔實(shí)用,需要的朋友可以參考下2015-08-08ES6學(xué)習(xí)教程之Map的常用方法總結(jié)
Map 是 ES6 中新增的一種數(shù)據(jù)結(jié)構(gòu),與 Set 一起添加,其實(shí)功能都差不多。下面這篇文章主要給大家總結(jié)介紹了關(guān)于ES6學(xué)習(xí)教程之Map的常用方法,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考借鑒,下面來(lái)一起看看吧。2017-08-08小程序?qū)崿F(xiàn)展開(kāi)/收起的效果示例
這篇文章主要介紹了小程序?qū)崿F(xiàn)展開(kāi)/收起的效果示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-09