javascript修改圖片src的方法
更新時(shí)間：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)文章
這篇文章主要為大家詳細(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種方法,結(jié)合完整實(shí)例形式總結(jié)分析了javascript針對數(shù)組去除重復(fù)項(xiàng)的相關(guān)原理與操作技巧,需要的朋友可以參考下2018-12-12
使用frame頁面嵌套，重啟了服務(wù)器的時(shí)候會出現(xiàn)登錄頁面在frame頁面中出現(xiàn)，解決方法是在登錄頁面里面用js判斷下當(dāng)前的地址信息2014-07-07
JS實(shí)現(xiàn)仿UC瀏覽器前進(jìn)后退效果的實(shí)例代碼
這篇文章主要介紹了JS實(shí)現(xiàn)仿UC瀏覽器前進(jìn)后退效果的實(shí)例代碼，實(shí)現(xiàn)此功能前需要先測試下瀏覽器，具體實(shí)例代碼，大家參考下本文
2017-07-07