如何更改圖像的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。