与使用 Javascript 构建的 HTML 中的 <img> 标签混淆

Question

我有一个项目，但最近遇到了问题。我想使用 javascript 创建标签元素。我确实输入了此 devTool 中所示的代码 附加img的代码

但是，当我直接将元素添加到 HTML 文件时，我会按预期工作，并且您可以看到两个元素具有相同的链接但不同。

字母相同但不一样，一个是链接，一个是字符串

我知道我很笨，程序员不是我的专业...我真的很感谢那些让我摆脱问题的人..

重点是“我只需要从 javascript 添加图像”，因为我想要创建的元素不属于 HTML，它是附加元素...

Answer 1

const image = document.createElement("img");
image.setAttribute("src", "https://letsenhance.io/static/8f5e523ee6b2479e26ecc91b9c25261e/1015f/MainAfter.jpg");
image.style.width = "100%";
image.style.height = "100%";
image.setAttribute("alt", "ALT Text");
document.body.appendChild(image);

这工作得很好，你有一个错字

scr

而不是

src