从数组元素设置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存在后运行，因此最后一行不会出错。