写一个<;img>;a<;李>;使用Javascript的元素

写一个<;img>;a<;李>;使用Javascript的元素,javascript,Javascript,我已经使用Javascript一段时间了。我下面的代码有各种定义为对象的图片。现在我想把这些图像放在 有没有办法解决这个问题?结果必须如下所示: for (var i = 0; i < pictures.length; i++){ var newImage = document.createElement('img') newImage.setAttribute('class', 'image-item') newImage.setAttribute('alt',

我已经使用Javascript一段时间了。我下面的代码有各种定义为对象的图片。现在我想把这些图像放在

有没有办法解决这个问题?结果必须如下所示:

for (var i = 0; i < pictures.length; i++){
    var newImage = document.createElement('img')
    newImage.setAttribute('class', 'image-item')
    newImage.setAttribute('alt', pictures[i].name)
    newImage.src = pictures[i].url

    var liItem = document.createElement('li')
    liItem.innerHTML = newImage

    document.getElementById('pictures').appendChild(liItem)
    console.log(liItem)
}
  • 现在控制台告诉我以下内容:
    liItem.innerHTML=newImage
    更改为
    liItem.appendChild(newImage)
    innerHTML属性设置或返回元素的HTML内容(内部HTML)。因此,您应该将
    liItem.innerHTML=newImage
    更改为
    liItem.appendChild(newImage)

    而不是liItem.innerHTML=newImage,您能试试吗appendchild@SebastianSpeitel嘿,伙计,你上面的评论是指向我的吗?对不起,漏了一行,我将删除我的评论
    <li><img src="picture1.jpg" alt="loremipsum"></li>