获取img url,但不获取img,我做错了什么?(Javascript、API和JSON)

获取img url,但不获取img,我做错了什么?(Javascript、API和JSON),javascript,html,Javascript,Html,我是js新手,三周前开始学习API和JSON!努力从我的函数中获取图像 我有一个js文档,fetched api,转换成JSON,我只是想知道如何让我的图像显示出来,现在我只得到img URL:-S function myFunction(result){ var createCard = result.cards; for (var i=0; i<createCard.length; i++){ var card = document.createElem

我是js新手,三周前开始学习API和JSON!努力从我的函数中获取图像

我有一个js文档,fetched api,转换成JSON,我只是想知道如何让我的图像显示出来,现在我只得到img URL:-S

function myFunction(result){

    var createCard = result.cards;

    for (var i=0; i<createCard.length; i++){
      var card = document.createElement('article');
        var name1 = document.createElement('p');
        var id1 = document.createElement('p');
        var img1 = document.createElement('url');

        name1.textContent = createCard[i].name;
        id1.textContent = createCard[i].id;
        img1.textContent = createCard[i].imageUrl;

        card.appendChild(name1);
        card.appendChild(img1);
        card.appendChild(id1);

        div.appendChild(card);
    }
}
函数myFunction(结果){
var createCard=result.cards;
对于(var i=0;i您可以这样做

var oImg = document.createElement("img");
oImg.setAttribute('src', createCard[i].imageUrl);
oImg.setAttribute('alt', 'image');

您可能希望(a)学习一些基本的HTML,以及(b)思考属性名textContent
var img1=document.createElement('url');
可能应该是
var img1=document.createElement('img'))
;那么你就不会设置它的
textContent
,而是设置它的
src
为什么要使用?它在顶部写着“不要使用”。这是糟糕的alt文本。这只是一个例子。它可以根据用户方便程度进行设置