Javascript 如何自动创建元素？

有一项任务是创建几个img元素并为它们添加一个src，该src将立即显示。 我写道：

var mass_id = new Array();
for (var i = 0; i < links.length; i++) {  
    var td = document.createElement('img');
    td.id = 'img'+i;
    td.src = links[i];
    mass_id.push(td);
    document.getElementById(td.id).src = links[i];
}

var mass_id=new Array（）；
对于（var i=0；i

链接

是指向图像的链接数组

但不在开头添加

那么，我如何通过避免
来解决这个问题呢？
问题是这一行：

document.getElementById(td.id).src = links[i];

您正试图检索刚从DOM中创建的元素，但一开始并没有将其添加到DOM中。此外，不需要设置两次
src
属性。您需要将虚拟元素添加到DOM中，如下所示：

document.getElementsByTagName('body')[0].appendChild(td);

考虑以下工作片段


var mass_id=new Array（）；
变量链接=[”http://lorempixel.com/50/50/people/?1", "http://lorempixel.com/50/50/people/?2"]
对于（var i=0；i

正在尝试将图像附加到容器中吗？可能是div？您不能对尚未附加到文档的元素使用
document.getElementById
@JarrodRoberson根本不知道这个问题！你的代码毫无意义。您已经有该元素的引用，为什么要尝试选择它？它尚未附加到DOM，因此您的选择将返回null。您已经在上面两行设置了
src
属性。