网页不是'；t使用Javascript添加渲染图片

我正在尝试使用Javascript向网站添加图像。我使用createElement和setAttribute来指向文件目录中的图像。下面是最基本的代码：

var lambda = document.createElement("img");
lambda.setAttribute("src", "img/512.png");
var body = document.querySelector("body");
body.prepend(lambda);

---

我很困惑，因为当网站加载时，图像无法正确渲染。但是，当我检查损坏的图像并将html从浏览器复制/粘贴到html文档中，然后重新加载时，图像会正确加载。我的问题是，为什么当我使用Javascript调用图像时，浏览器无法加载图像，但当Javascript生成的代码被复制到html文档中时，浏览器却能完美地工作？

尝试一下，看看发生了什么，然后查看“网络”选项卡，看看加载了什么

const imgSrc=“img/512.png”；//"https://cdn.iconscout.com/icon/premium/png-512-thumb/lambda-2-550999.png"; 
常量lambda=document.createElement（“img”）；
lambda.onload=function（）{document.querySelector（“body”）.prepend（lambda）}
lambda.onerror=函数（err）{console.log（err，err.path）}
lambda.setAttribute（“src”，imgSrc）

是否应该是

/img/512.png

？如果使用正确的图像路径，则代码可以正常工作。也许您有一个基本href？是否包含jQuery？@WaisKamal此代码中的jQuery在哪里？是香草的JS@CodeCreate不，没有。那条线很好用。