Напишите элемент <img> внутри элемента <li> с помощью Javascript

Я уже немного работаю с 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.info(liItem)
}

Есть идеи, как это решить? Результат должен выглядеть так:

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

Прямо сейчас консоль сообщает мне следующее: