如何使用 JavaScript 动态更改图像标签的 `src` 属性？

通过 JavaScript 更改图像标签的 Source 属性

查询：

如何修改使用 JavaScript 动态创建 img 标签？

示例：

考虑一个初始 src 路径为“../template/edit.png”的 img 标签。目标是在单击标签时将此路径更改为“../template/save.png”。

ID 为 HTML 代码：

<code class="html"><a href="#" onclick="edit()"><img src="../template/edit.png" id="edit-save" alt="Edit" /></a></code>

带有 getElementById 的 JavaScript 代码：

<code class="javascript">document.getElementById("edit-save").src = "../template/save.png";</code>

说明：

通过为 img 标签分配 id，您可以轻松选择和操作它使用 JavaScript。 getElementById 方法返回具有指定 id 的 HTML 元素。然后，您可以访问其 src 属性并直接分配新的源路径。

注意：

此方法避免了多次单击来更改源的需要，如您之前的尝试。

以上是如何使用 JavaScript 动态更改图像标签的 `src` 属性？的详细内容。更多信息请关注PHP中文网其他相关文章！