通过单击按钮更改javascript中的img src

在JavaScript中更改img标签的src属性可以通过以下步骤完成：

首先，获取对应的img元素。可以使用document.getElementById()方法通过元素的id属性获取到img元素的引用。例如，如果img元素的id属性为"myImage"，可以使用以下代码获取到该元素的引用：

var img = document.getElementById("myImage");

接下来，可以使用img元素的src属性来更改图片的路径。将新的图片路径赋值给src属性即可。例如，将图片路径更改为"new-image.jpg"，可以使用以下代码：

img.src = "new-image.jpg";

完整的代码示例：

<!DOCTYPE html>
<html>
<head>
  <title>Change Image Source</title>
</head>
<body>
  <img id="myImage" src="old-image.jpg" alt="Old Image">
  <button onclick="changeImage()">Change Image</button>

  <script>
    function changeImage() {
      var img = document.getElementById("myImage");
      img.src = "new-image.jpg";
    }
  </script>
</body>
</html>

在上述示例中，当点击"Change Image"按钮时，会调用changeImage()函数，该函数会获取到id为"myImage"的img元素，并将其src属性更改为"new-image.jpg"，从而实现了更改图片路径的效果。

请注意，以上代码仅为示例，实际应用中可能需要根据具体情况进行适当的修改。