写一个<;img>;a<;李>;使用Javascript的元素
我已经使用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',
有没有办法解决这个问题?结果必须如下所示:
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>