javascript - img 动态创建并附加到 div 也被动态创建不显示

Question

我正在使用 JavaScript 动态创建一个“div”元素并向其附加几个元素。所有元素都被正确添加，除了图像之一，它只显示“alt”属性而不是图像本身。什么可能造成这个问题？

 let div = document.createElement('div')
 // Elements are being properly added here
 var img = document.createElement('img')
 img.setAttribute('src', '../assets/Images/Image.jpg')
 img.setAttribute('alt', 'Image')
 div.appendChild(img)
 // Successfully adding more elements here
 document.body.appendChild(div)

回答：这实际上是由于我正在使用的 vue.js（我没有提到它，因为我不知道 vue 是根本原因）。在 vue.js 中，必须使用类似于在此链接中找到的解决方案

标签： javascripthtml

Answer 1

1. 使用 .将 div 附加到文档的正文中 document.body.appendChild(div) 。

2.检查图像的路径