用Javascript在<li>元素内编写一个<img/>元素

Question

我已经使用Javascript了一段时间。我下面的代码将各种图片定义为一个对象。现在，我想将这些图像作为<img>放在<li>标签内。但是，我遇到了一些困难。

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)
}

关于如何解决此问题的任何想法？结果必须如下所示：

<li><img src="picture1.jpg" alt="loremipsum"></li>

现在控制台告诉我以下内容：

Answer 1

将liItem.innerHTML = newImage更改为liItem.appendChild(newImage)

Answer 2

innerHTML属性设置或返回元素的HTML内容（内部HTML）。因此您应该将liItem.innerHTML = newImage更改为liItem.appendChild(newImage)