如何更改图像的src

Question

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

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

Answer 1

只需使用此

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

应该有效。如果没有，请从你的js提供你的html代码和更多，或者如果有任何错误，请检查控制台。

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。