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