如何更改图像的src

Question

我试图更改图像的 src，但无法更改为 getElementById。也许还有其他方法可以做到这一点？ 这是我正在尝试的代码：

let preview = document.getElementById('myImg').src = URL ;

Answer 1

简单地使用这个

document.getElementById('myImg').src = URL ;

应该可以。如果没有，请提供您的 html 代码和更多来自您的 js，或者检查控制台是否有任何错误。

Answer 2

试试这个

let preview = document.getElementById('myImg');
preview.src = URL ;

希望这对您有所帮助..

Answer 3

如果您的目标浏览器允许，您可以使用更现代的 querySelector：

document.querySelector("#myImg").setAttribute("src", URL);

使用 src 属性:

(<HTMLImageElement>document.querySelector("#myImg")).src = URL;

Answer 4

如果您不想使用类型断言，您也可以这样做：

let img = document.getElementById('myImg');
if (img instanceof HTMLImageElement) img.src = URL;

这样，如果#myImg 不存在或不是图像，它就不会尝试更改 src。