javascript修改圖片src的方法
更新時(shí)間:2015年01月27日 11:19:39 投稿:shichen2014
這篇文章主要介紹了javascript修改圖片src的方法,通過簡(jiǎn)單的圖片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>請(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ì)有所幫助。
您可能感興趣的文章:
相關(guān)文章
location.search在客戶端獲取Url參數(shù)的方法
最近一直在寫html,剛接觸到,感覺挺復(fù)雜的。。比如傳參,在.net里可以直接用Request接受,而在html中還要經(jīng)過處理,找了一些資料,寫了個(gè)方法。2010-06-06
uni-app如何頁(yè)面?zhèn)鲄?shù)的幾種方法總結(jié)
這篇文章主要介紹了uni-app如何頁(yè)面?zhèn)鲄?shù)的幾種方法總結(jié),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04
JavaScript運(yùn)動(dòng)減速效果實(shí)例分析
這篇文章主要介紹了JavaScript運(yùn)動(dòng)減速效果,模擬了物體做減速運(yùn)動(dòng)的效果,以兩個(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-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

