javascript - 在 a 中写入一个元素
问题描述
我一直在使用 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>
解决方案
更改liItem.innerHTML = newImage
为liItem.appendChild(newImage)
推荐阅读
- html - 当三种替代颜色重复到列表中时,如何在列表中添加:nth-child()?
- reactjs - 为在 Enzyme 中模拟 onClick 事件编写测试用例?
- java - 检查多个变量是否为空的更短方法
- javascript - 为多个页面调用多个获取调用的最佳方法?(也等待/然后)
- python - 如何找到未能映射的行列?
- ssl - SSL 自签名证书单向或双向TLS
- jupyter-notebook - 是否可以更改 PyCharm 的 Jupyter Notebook 的预览窗格的背景颜色?
- tensorflow - 在 Tensorflow Keras 中自定义 model.fit() - TypeError: TypeError: compile() got an unexpected keyword argument 'optimizer'
- javascript - 在javascript中水平跳转到页面中心
- snowflake-cloud-data-platform - 无法登录 Snowflake 帐户试用版 - “IP [] 不允许访问 Snowflake。请联系您当地的安全管理员。”