Javascript 即使src正确，图像也不显示？_Javascript_Html_Css

Javascript 即使src正确，图像也不显示？

javascript html css

Javascript 即使src正确，图像也不显示？,javascript,html,css,Javascript,Html,Css,由于某些原因，我的图像根本不显示。我尝试了一些css来强制某些大小，但没有效果。我已确认div正在将IMG添加到中，并且具有有效的src 来点导游就好了。多谢各位这是我的JavaScript文件：这是我的HTML文件： <!DOCTYPE html> <html lang="en"> <head> <script type="text/javascript" src="Load.js&quo

由于某些原因，我的图像根本不显示。我尝试了一些css来强制某些大小，但没有效果。我已确认div正在将IMG添加到中，并且具有有效的src

来点导游就好了。多谢各位

这是我的JavaScript文件：

这是我的HTML文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <script type="text/javascript" src="Load.js"></script>
</head>
<body>
    <button onclick="get()">Click me</button>
    <div id="myDiv"></div>
</body>
</html>

创建图像元素时应使用

img

标记

document.createElement('img');

问题是您需要创建一个

img

标记，而不是

image

标记

document.createElement（'img'）
您还可以直接在不需要执行Object.keys
的数组上循环，然后循环。这就是我写剧本的方式
const URL = 'https://jsonplaceholder.typicode.com/albums/2/photos';
function getImages() {
  fetch(URL)
    .then((response) => response.json())
    .then((data) => {
      data.forEach((item) => {
        let img = document.createElement('img');
        img.setAttribute('src', item.url);
        document.getElementById('myDiv').appendChild(img);
      });
    });
}

您试图创建的元素是img
而不是图像
图像
不是HTML中的标记，请改用img

document.createElement('img');

更新的javascript代码：（Object.keys（）
不是必需的，因为数据已经是数组）
}我不明白为什么人们会在这里给出答案。可能是因为他们看到问题时没有给出答案，而是在键入答案。回答问题时是否刷新页面？我想不是。编辑：此外，我们的两个答案都可能是对这个问题的“评论”。我看不到你的JS文件内容。
document.createElement('img');

const URL = "https://jsonplaceholder.typicode.com/albums/2/photos";
function getImages() {
  fetch(URL)
    .then(response => response.json())
    .then((data) => {
        data.forEach( obj => {
            let img = document.createElement('img');
            img.setAttribute("src", obj.url);
            document.getElementById("myDiv").appendChild(img);
        })
    })