從數組元素設置img標簽的src屬性

Question

我有一個數組

pics = ["url1", "url2", "url3"]

我希望能夠將圖像的src屬性設置為數組元素，如下所示：

<img src = pics[0]>

問題是html無法識別我是否想要字符串元素pic [0]而不是字面意義上的“ pic [0]”，因此會引發錯誤

Uncaught TypeError: Cannot set property 'src' of null 

謝謝

Answer 1

您不能在任意HTML屬性中使用JavaScript。 您需要修改DOM以便隨后添加它們。

 var img = document.createElement('img');
 img.alt = "Suitable alternative text";
 img.src = pics[0];
 document.getElementById('someElement').appendChild(img);

確保腳本在someElement存在之后運行，以便在最后一行不會出錯。