使用 JavaScript 设置 img src

在 Web 开发中，经常需要动态修改图片的 src 属性。使用 JavaScript 可以很方便地实现这一需求。

使用 document.getElementById 获取 img 元素

在 JavaScript 中，可以使用 document.getElementById 方法获取特定 id 的元素。因此，我们可以使用以下代码获取目标 img 元素：

var img = document.getElementById('target-img');

其中 target-img 是我们需要设置图片 src 的 img 元素的 id。注意，这个方法只适用于有 id 属性的元素。

使用 img.setAttribute 设置 src 属性

获取到目标 img 元素后，我们可以使用 img.setAttribute 方法设置其 src 属性。以下是示例代码：

img.setAttribute('src', 'path/to/image.jpg');

其中第一个参数是属性名，第二个参数是属性值。例如上述例子中的属性名是 src，属性值则是图片的路径。

完整示例

下面是一个完整的示例，演示如何使用 JavaScript 设置图片 src：

<!-- HTML 代码 -->
<img src="" id="target-img">

<script>
// JavaScript 代码
var img = document.getElementById('target-img');
img.setAttribute('src', 'path/to/image.jpg');
</script>

以上就是使用 JavaScript 设置 img src 的方法。这种方法可以实现动态修改图片，使网页更加灵活。