Javascript是一種常用的編程語言，它可以通過HTML文本進行嵌入，與HTML和CSS一起完成網頁的功能。在網頁開發中，<img>標簽是很常見的元素，通常用于插入圖片。在Javascript中，可以通過操作<img>標簽，實現一些有趣的功能，接下來將對它進行詳細的講解。

動態更改圖片

通過Javascript，可以控制網頁中<img>標簽的屬性，從而實現動態更改圖片的功能。例如：

<img id="img1" src="img1.jpg">
 <button onclick="changeImg()">更換圖片</button>
 <script>
function changeImg(){
document.getElementById("img1").src = "img2.jpg";
}
 </script>

運行代碼后，點擊按鈕，原本顯示的圖片就會被另一張圖片替換。

鼠標懸停切換圖片

通過Javascript，還可以實現鼠標懸停時切換圖片的功能。例如：

<img id="img1" src="img1.jpg" onmouseover="mouseoverImg()" onmouseout="mouseoutImg()">
 <script>
function mouseoverImg(){
document.getElementById("img1").src = "img2.jpg";
}
function mouseoutImg(){
document.getElementById("img1").src = "img1.jpg";
}
 </script>

運行代碼后，鼠標懸停在圖片上，圖片就會切換成另一張圖片，鼠標離開時，圖片又會恢復原來的樣子。

動態創建圖片

除了操作已經存在的標簽，Javascript還可以通過DOM操作動態創建<img>標簽，從而實現動態生成圖片的功能。例如：

<div id="img-container"></div>
 <button onclick="createImg()">創建圖片</button>
 <script>
function createImg(){
var img = document.createElement("img");
img.src = "img3.jpg";
img.width = "200";
document.getElementById("img-container").appendChild(img);
}
 </script>

運行代碼后，點擊按鈕，頁面上就會動態生成一張圖片。

總結

通過Javascript，可以控制<img>標簽的屬性，實現動態更改圖片、鼠標懸停切換圖片和動態創建圖片等功能。這些功能可以提升網頁的用戶體驗，豐富頁面的內容，是網頁開發中不可或缺的一部分。