快捷導(dǎo)航

javascript修改圖片src的方法

更新時(shí)間：2015年01月27日 11:19:39 投稿：shichen2014

這篇文章主要介紹了javascript修改圖片src的方法,通過簡單的圖片src獲取與賦值來實(shí)現(xiàn)修改src的功能,需要的朋友可以參考下

本文實(shí)例講述了javascript修改圖片src的方法。分享給大家供大家參考。具體實(shí)現(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>請點(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)文章

微信小程序畫布圓形進(jìn)度條顯示效果
這篇文章主要為大家詳細(xì)介紹了微信小程序畫布圓形進(jìn)度條顯示效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-07-07
JS正則表達(dá)式實(shí)現(xiàn)字符串中連續(xù)在一起的字符去重
這篇文章主要給大家介紹了關(guān)于JS正則表達(dá)式實(shí)現(xiàn)字符串中連續(xù)在一起的字符去重的相關(guān)資料,學(xué)會正則表達(dá)式對開發(fā)者而言是個(gè)非常有用的技能,很多功能可以簡單的用一句正則來實(shí)現(xiàn),需要的朋友可以參考下
2023-11-11
使用百度地圖實(shí)現(xiàn)地圖網(wǎng)格的示例
下面小編就為大家分享一篇使用百度地圖實(shí)現(xiàn)地圖網(wǎng)格的示例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-02-02
js 獲取html5的data屬性實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨s 獲取html5的data屬性實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-07-07
js登錄滑動驗(yàn)證的實(shí)現(xiàn)(不滑動無法登陸)
下面小編就為大家分享一篇js登錄滑動驗(yàn)證的實(shí)現(xiàn)(不滑動無法登陸)，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-01-01
json數(shù)據(jù)處理技巧(字段帶空格、增加字段、排序等等)
json數(shù)據(jù)處理技巧例如：正常取值、字段帶空格、賦值、增加字段、排序、拷貝、數(shù)組添加和刪除等，詳細(xì)請參考本文或許對你有所幫助
2013-06-06
JS數(shù)組去重的6種方法完整實(shí)例
這篇文章主要介紹了JS數(shù)組去重的6種方法,結(jié)合完整實(shí)例形式總結(jié)分析了javascript針對數(shù)組去除重復(fù)項(xiàng)的相關(guān)原理與操作技巧,需要的朋友可以參考下
2018-12-12
防止登錄頁面出現(xiàn)在frame中js代碼
使用frame頁面嵌套，重啟了服務(wù)器的時(shí)候會出現(xiàn)登錄頁面在frame頁面中出現(xiàn)，解決方法是在登錄頁面里面用js判斷下當(dāng)前的地址信息
2014-07-07
JavaScript是單線程指的是同一時(shí)間只能干一件事情,只有前面的事情執(zhí)行完,才能執(zhí)行后面的事情,這篇文章主要介紹了JavaScript宏任務(wù)(macrotask)和微任務(wù)(microtask) 執(zhí)行順序,需要的朋友可以參考下
2023-10-10