首页 > 解决方案 > 在 a 中写入一个元素

  • 带有 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.log(liItem)
    }
    

    关于如何解决这个问题的任何想法?结果必须如下所示:

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

    现在控制台告诉我以下内容: Chrome 中控制台的屏幕截图。

    标签: javascript

    解决方案


    更改liItem.innerHTML = newImageliItem.appendChild(newImage)


    推荐阅读