在HTML中，<img>標簽用于在頁面中顯示圖片。在這篇文章中，我們將學習如何使用HTML和JavaScript動態地設置圖片。

首先，我們需要在HTML中添加一個標簽，用于在頁面中顯示圖片。例如：

<img id="myImage" src="">

在這個例子中，我們添加了一個id屬性，以便在JavaScript代碼中可以輕松地引用它。但是，我們還沒有設置圖片的src（源）屬性，所以 圖片不會顯示。

我們現在需要編寫JavaScript代碼，將該屬性設置為圖像的URL。假設我們有一個名為“image.jpg”的圖像，它的URL位于“/img”目錄中。那么我們可以使用以下代碼來設置圖片的URL：

var img = document.getElementById("myImage");
img.src = "/img/image.jpg";

在以上代碼中，我們首先使用document.getElementById()方法獲取了圖片的 HTML 元素。然后，我們將src屬性設置為圖像的URL。

使用此方法，我們可以通過更改src屬性的值來動態地更改圖像。例如，我們可以在鼠標單擊事件中更改圖像：

img.onclick = function() {
img.src = "/img/anotherimage.jpg";
};

以上代碼將在單擊圖像時更改其源，以顯示另一張圖片。

在這篇文章中，我們探索了如何在HTML中動態設置圖像。通過使用JavaScript，您可以輕松地更改圖像，從而增強用戶體驗。