如何在不使用複雜 JavaScript 的情況下輕鬆地透過點擊交換映像？

簡單地更改點擊時的圖像

您有關點擊時圖像修改的查詢突出表明需要一個簡單的解決方案，而無需過多的JavaScript 程式碼。這是一種利用 HTML 和 JavaScript 來實現所需結果的方法。

HTML 標記：

使用「id」屬性為每個影像指派唯一識別碼：

JavaScript 函數：

建立一個JavaScript函數來處理點擊時的影像交換：

事件處理：

為每個影像附加一個「onclick」事件監聽器，傳遞對應影像的ID：

功能：

何時單擊映像時，將呼叫 swapImage() 函數，該函數會檢查映像的目前檔案副檔名。如果它是“.jpg”，則函數會將其替換為“.png”，從而有效地更改圖像。如果是“.png”，函數會反轉該過程，將其變更回“.jpg”。

此方法利用 HTML 和 JavaScript，只需單擊即可修改圖像，無需額外的 CSS 類或偽代碼選擇器，為您的查詢提供簡單高效的解決方案。

以上是如何在不使用複雜 JavaScript 的情況下輕鬆地透過點擊交換映像？的詳細內容。更多資訊請關注PHP中文網其他相關文章！