JavaScript是一種腳本語言，可以在網頁中動態地修改頁面的內容。其中，修改圖片是常見的一種需求。通過JavaScript，我們可以實現圖片的替換、旋轉、縮放等功能，從而使網頁內容更加豐富和生動。
舉個例子來說，我們可以通過JavaScript修改網頁上的背景圖片。假設我們有一個id為"myDiv"的div元素，原本的背景圖片為"bg.jpg"，現在我們想將其替換為"new_bg.jpg"，可以使用下面的代碼：

<script>
var myDiv = document.getElementById("myDiv");
myDiv.style.backgroundImage = "url('new_bg.jpg')";
</script>

上面的代碼中，我們首先通過getElementById()方法獲取到id為"myDiv"的div元素。然后，將其style屬性中的backgroundImage屬性值設置為"new_bg.jpg"。這樣一來，div元素的背景圖片就被替換為了"new_bg.jpg"。
除了替換背景圖片外，我們還可以通過JavaScript修改元素的src屬性來實現圖片的替換。例如，如果我們有一個id為"myImg"的元素，原本的圖片為"img.jpg"，現在想將其替換為"new_img.jpg"，可以使用下面的代碼：

<script>
var myImg = document.getElementById("myImg");
myImg.src = "new_img.jpg";
</script>

上面的代碼中，我們同樣是通過getElementById()方法獲取到id為"myImg"的元素。然后，將其src屬性值設置為"new_img.jpg"。這樣一來，圖片就被替換為了"new_img.jpg"。
在實際開發中，我們可以根據用戶的操作來修改圖片的屬性。例如，當用戶點擊某個按鈕時，我們可以通過JavaScript將圖片旋轉一定角度。下面是示例代碼：
HTML部分：

<img id="myImg" src="img.jpg">
<button onclick="rotateImage()">旋轉圖片</button>

JavaScript部分：

function rotateImage() {
var myImg = document.getElementById("myImg");
var angle = 45; // 旋轉角度
myImg.style.transform = "rotate(" + angle + "deg)";
}

上面的代碼中，我們在HTML部分定義了一個id為"myImg"的元素和一個onclick事件綁定的按鈕。當用戶點擊按鈕時，就會調用rotateImage()函數，在函數中獲取到元素，設置其transform屬性為"rotate(45deg)"。這樣一來，圖片就會旋轉45度。
在實際開發中，我們還可以結合CSS樣式來實現更加復雜的效果。例如，可以使用transition屬性來實現平滑過渡動畫，使用filter屬性來實現模糊或灰度效果，等等。
總之，通過JavaScript修改圖片屬性可以使網頁內容更加生動和豐富。無論是替換、旋轉、縮放還是添加特效，都可以使用JavaScript輕松實現。