如何使用 JavaScript 動態變更影像標籤的 `src` 屬性？

透過 JavaScript 變更映像標籤的 Source 屬性

查詢：

如何修改使用 JavaScript 動態建立 img 標籤？

範例：

考慮一個初始 src 路徑為「../template/edit.png」的 img 標籤。目標是在單擊標籤時將此路徑更改為“../template/save.png”。

ID 為HTML 程式碼：

<code class="html"><a href="#" onclick="edit()"><img src="../template/edit.png" id="edit-save" alt="Edit" /></a></code>

有getElementById 的JavaScript 程式碼：

<code class="javascript">document.getElementById("edit-save").src = "../template/save.png";</code>

說明：

透過為img 標籤指派id，您可以輕鬆選擇並操作它使用JavaScript。 getElementById 方法傳回具有指定 id 的 HTML 元素。然後，您可以存取其 src 屬性並直接指派新的來源路徑。

注意：

此方法避免了多次點擊來更改來源的需要，如您之前的嘗試。

以上是如何使用 JavaScript 動態變更影像標籤的 `src` 屬性？的詳細內容。更多資訊請關注PHP中文網其他相關文章！