HTML是一種用于創建網頁的標記語言,而JavaScript是一種用于交互式網頁的腳本語言。在網頁設計中,設置圖片的src是一個常見的需求,通常可以通過JavaScript來設置圖片的src屬性。
下面是一段用JavaScript設置圖片src的示例代碼:
在上面的代碼中,我們使用了document對象的getElementById方法來獲取id為“myImage”的元素。然后,我們將該元素的src屬性設置為“new-image.jpg”,從而更改了圖片的URL。我們可以將這段代碼插入到網頁的或標簽中,以便在加載頁面時運行。 值得注意的是,如果需要設置的圖片文件不在同一目錄中,還需要添加文件路徑。例如,在下面的示例中,我們將圖片放在images文件夾中:HTML代碼:
JavaScript代碼:
通過使用JavaScript來動態更改圖片的src屬性,我們可以實現一些有用的功能,例如在網頁中顯示不同的圖片、根據用戶操作更改圖片等。HTML代碼:
JavaScript代碼: