在 JavaScript 中设置图像 src

在 JavaScript 中，我们可以通过代码来设置图像的 src 属性，以动态更改网页上的图片。以下是设置图像 src 的几种常用方法：

1. 直接设置 src 属性

我们可以通过 document.getElementById() 方法获取到指定 id 的元素，再通过 src 属性来设置图像的路径。

document.getElementById("myImage").src = "path/to/image.jpg";

其中 "myImage" 是指定图像元素的 id，"path/to/image.jpg" 是图像的相对或绝对路径。

2. 创建新的 Image 对象并设置 src 属性

我们也可以使用 new Image() 方法创建一个新的 Image 对象，在对象中设置 src 属性，以便在加载完成后插入到网页中。

var img = new Image();
img.src = "path/to/image.jpg";

document.body.appendChild(img); // 将图像插入到网页中

此方法也适用于预加载图像。

3. 使用 jQuery 设置 src 属性

如果您正在使用 jQuery，您可以使用以下代码来设置图像的 src 属性：

$("#myImage").attr("src", "path/to/image.jpg");

其中 #myImage 是指定图像元素的选择器，"path/to/image.jpg" 是图像的相对或绝对路径。

以上是几种在 JavaScript 中设置图像 src 的常用方法，您可以根据具体情况选择合适的方法来动态更改网页上的图片。