获取img url,但不获取img,我做错了什么?(Javascript、API和JSON)
我是js新手,三周前开始学习API和JSON!努力从我的函数中获取图像 我有一个js文档,fetched api,转换成JSON,我只是想知道如何让我的图像显示出来,现在我只得到img URL:-S获取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
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)思考属性名textContentvar img1=document.createElement('url');
可能应该是var img1=document.createElement('img'))
;那么你就不会设置它的textContent
,而是设置它的src
为什么要使用?它在顶部写着“不要使用”。这是糟糕的alt文本。这只是一个例子。它可以根据用户方便程度进行设置