javascript修改圖片src的方法
更新時間:2015年01月27日 11:19:39 投稿:shichen2014
這篇文章主要介紹了javascript修改圖片src的方法,通過簡單的圖片src獲取與賦值來實現(xiàn)修改src的功能,需要的朋友可以參考下
本文實例講述了javascript修改圖片src的方法。分享給大家供大家參考。具體實現(xiàn)方法如下:
復制代碼 代碼如下:
<!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程序設計有所幫助。
相關文章
location.search在客戶端獲取Url參數(shù)的方法
最近一直在寫html,剛接觸到,感覺挺復雜的。。比如傳參,在.net里可以直接用Request接受,而在html中還要經(jīng)過處理,找了一些資料,寫了個方法。2010-06-06uni-app如何頁面?zhèn)鲄?shù)的幾種方法總結
這篇文章主要介紹了uni-app如何頁面?zhèn)鲄?shù)的幾種方法總結,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-04-04