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轻松实现。