• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    怎樣用js改變圖片路徑

    新建一個html文件,定名為test.html,用于講解如何用js改變圖片路徑。

  • 2

    在test.html文件中,利用img標簽建立一張圖片,它的圖片路徑為images文件夾下的1.png。

  • 3

    在test.html文件中,設置img標簽的id屬性為tt,本家兒要用于下面經由過程該id獲得圖片對象。

  • 4

    在test.html文件中,再利用button標簽建立一個按鈕,代碼如下:

  • 5

    在test.html文件中,給button按鈕綁心猿意馬onclick點擊事務,當按鈕被點擊時,執行gg()函數。

  • 6

    在test.html文件js標簽內,建立一個gg()函數,經由過程getElementById()方式獲得圖片對象,經由過程設置src屬性來更改圖片的路徑,例如,這里設置圖片路徑為images文件夾下的2.jpg。

  • 7

    在瀏覽器運行test.html文件,點擊“更改圖片路徑”,查看實現的結果。

    • 發表于 2019-10-03 22:00
    • 閱讀 ( 1050 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆