新建一個html文件,定名為test.html,用于講解如何用js改變圖片路徑。
在test.html文件中,利用img標簽建立一張圖片,它的圖片路徑為images文件夾下的1.png。
在test.html文件中,設置img標簽的id屬性為tt,本家兒要用于下面經由過程該id獲得圖片對象。
在test.html文件中,再利用button標簽建立一個按鈕,代碼如下:
在test.html文件中,給button按鈕綁心猿意馬onclick點擊事務,當按鈕被點擊時,執行gg()函數。
在test.html文件js標簽內,建立一個gg()函數,經由過程getElementById()方式獲得圖片對象,經由過程設置src屬性來更改圖片的路徑,例如,這里設置圖片路徑為images文件夾下的2.jpg。
在瀏覽器運行test.html文件,點擊“更改圖片路徑”,查看實現的結果。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!