javascript修改IMG标签的src问题

如果需要修改HTML文档中的标签的src属性，可以使用JavaScript来实现该功能。以下是几种实现该功能的方法：

方法一：使用getElementById()

// 获取img元素
var img = document.getElementById("example-img");

// 修改src属性
img.src = "new-image.jpg";

这种方法可以通过修改指定元素的ID来获取标签，然后可以直接使用img.src来修改src属性。需要注意的是，如果HTML文档中有多个相同ID的元素，这种方法就不能使用了。

方法二：使用getElementsByTagName()

// 获取img元素
var imgs = document.getElementsByTagName("img");

// 遍历所有的img元素
for (var i = 0; i < imgs.length; i++) {
  // 修改src属性
  imgs[i].src = "new-image.jpg";
}

这种方法可以获取HTML文档中所有标签元素，然后使用for循环遍历每一个元素并修改src属性。需要注意的是，这种方法修改了所有的img标签的src属性，因此适用于需要一次性修改多个img标签的场合。

示例1：将指定位置的图片替换为新图片

<img id="example-img" src="old-image.jpg" alt="example-image">

// 获取img元素
var img = document.getElementById("example-img");

// 修改src属性
img.src = "new-image.jpg";

示例2：将HTML文档中所有的图片替换为新图片

// 获取img元素
var imgs = document.getElementsByTagName("img");

// 遍历所有的img元素
for (var i = 0; i < imgs.length; i++) {
  // 修改src属性
  imgs[i].src = "new-image.jpg";
}