在前端開發中，經常需要用到JavaScript來操作DOM元素，其中最常用的就是設置圖片、音頻、視頻等資源的src屬性。在本文中，我們將詳細介紹JavaScript如何設置元素的src屬性，并且舉例說明其應用場景和實際操作方法。
設置圖片的src屬性
在實際開發中，經常需要動態地在頁面上插入圖片等資源，如下面的例子：

javascript
var img = document.createElement("img");
img.src = "https://example.com/images/logo.png";
document.body.appendChild(img);

以上代碼會創建一個元素，并且將其src屬性設置為指定的圖片URL，最后將其插入到頁面的元素中。這種方法特別適用于需要動態加載圖片的場景，比如用戶上傳的頭像、商品圖片等。
設置音頻的src屬性
相比于圖片，音頻的處理要稍微麻煩一些。通常情況下，我們需要先創建一個