使用javascript在我的页面中写入数组内容

我第一次学习javascript，我有一些疑问：我有两个数组；第一个数组包含一个人的图像，第二个数组包含他的个人信息（数组的长度相同，因为它们包含相同数量的人）。我想把内容写在我的页面上，所以打印第一个用户的图片和信息，然后打印第二个用户的图片和信息，依此类推

我怎么做

代码如下：

function jsonCard() 
{
var richiestaCard = new XMLHttpRequest();

richiestaCard.onreadystatechange = function()
{
    if(richiestaCard.readyState == 4) 
{
        var objectcardjson = {};
        window.arrayCard= []; //creazione dell'array che conterrà le cards
        objectcardjson = JSON.parse(richiestaCard.responseText);

        arrayCard = objectcardjson.cards; //the first array
    }
}
richiestaCard.open("GET", "longanocard.json", true);
richiestaCard.send(null);
}

function jsonEntity()
{
 var richiestaEntity = new XMLHttpRequest();

richiestaEntity.onreadystatechange = function()
{
    if(richiestaEntity.readyState == 4) 
{
        var objectentityjson = {};
        window.arrayEntity= []; //creazione dell'array che conterrà le entity
        objectentityjson = JSON.parse(richiestaEntity.responseText);

        arrayEntity = objectentityjson.cards; //the second array
    }
}
richiestaEntity.open("GET", "longano.json", true);
richiestaEntity.send(null);
}


function displayArrayCards()
{
jsonCard();
jsonEntity();  
var inizioTag = "<img src=";
var fineTag = "\>";

  for(i = 0; i < arrayCard.length; i++) 
 {
        ...
 }
}

函数jsonCard（）
{
var richiestaCard=new XMLHttpRequest（）；
richiestaCard.onreadystatechange=函数（）
{
if（richiestaCard.readyState==4）
{
var objectcardjson={}；
window.arrayCard=[]；//creazione dell'array che conterrále卡
objectcardjson=JSON.parse（richiestaCard.responseText）；
arrayCard=objectcardjson.cards；//第一个数组
}
}
open（“GET”，“longanocard.json”，true）；
richiestaCard.send（空）；
}
函数jsonEntity（）
{
var richiestateentity=new XMLHttpRequest（）；
richiestaEntity.onreadystatechange=函数（）
{
if（richiestatentity.readyState==4）
{
var objectentityjson={}；
window.arrayEntity=[]；//creazione dell的数组内容实体
objectentityjson=JSON.parse（richiestateEntity.responseText）；
arrayEntity=objectentityjson.cards；//第二个数组
}
}
open（“GET”，“longano.json”，true）；
richiestateentity.send（空）；
}
函数displayArrayCards（）
{
jsonCard（）；
jsonEntity（）；
var=”；
对于（i=0；i

---

我希望将图像和信息（第一个用户）、图像和第二个用户的信息等都包含在一个div中。

尝试以下内容：

 function displayArrayCards()
{
   jsonCard();
   jsonEntity();  

   var wrapper = document.getElementById('div you want to put all of these users into');
   for(i = 0; i < arrayCard.length; i++) 
   {
        var userDiv = document.createElement('div');

        var cardImg = document.createElement('img');
        img.src = arrayCard[i];
        /** Set other attributes for img **/

        var entityDiv = document.createElement('div');
        entityImg.innerHTML = arrayEntity[i];
        /** Set other attributes for div **/

        userDiv.appendChild(cardImg);
        userDiv.appendChild(entityDiv);

        wrapper.appendChild(userDiv);
   }
}

函数displayArrayCards（）
{
jsonCard（）；
jsonEntity（）；
var wrapper=document.getElementById（'要将所有这些用户放入的div'）；
对于（i=0；ivar cardImg=document.createElement（'img'）；
img.src=arrayCard[i]；
/**为img设置其他属性**/
var entityDiv=document.createElement（'div'）；
entityImg.innerHTML=arrayEntity[i]；
/**为div设置其他属性**/
userDiv.appendChild（cardImg）；
userDiv.appendChild（entityDiv）；
appendChild（userDiv）；
}
}

---

老实说，有很多方法可以做到这一点。以上就是我要做的。

试着按照

 function displayArrayCards()
{
   jsonCard();
   jsonEntity();  

   var wrapper = document.getElementById('div you want to put all of these users into');
   for(i = 0; i < arrayCard.length; i++) 
   {
        var userDiv = document.createElement('div');

        var cardImg = document.createElement('img');
        img.src = arrayCard[i];
        /** Set other attributes for img **/

        var entityDiv = document.createElement('div');
        entityImg.innerHTML = arrayEntity[i];
        /** Set other attributes for div **/

        userDiv.appendChild(cardImg);
        userDiv.appendChild(entityDiv);

        wrapper.appendChild(userDiv);
   }
}

函数displayArrayCards（）
{
jsonCard（）；
jsonEntity（）；
var wrapper=document.getElementById（'要将所有这些用户放入的div'）；
对于（i=0；ivar cardImg=document.createElement（'img'）；
img.src=arrayCard[i]；
/**为img设置其他属性**/
var entityDiv=document.createElement（'div'）；
entityImg.innerHTML=arrayEntity[i]；
/**为div设置其他属性**/
userDiv.appendChild（cardImg）；
userDiv.appendChild（entityDiv）；
appendChild（userDiv）；
}
}

---

老实说，有很多方法可以做到这一点。以上就是我要做的。

请显示您目前使用的代码。您使用

div

的具体原因与表的用途完全相同吗？请显示您目前使用的代码。您使用

div

的具体原因与表的用途完全相同吗？var cardImg=document.createElement（'img'）；cardImg.src=arrayCard[i]；我试过了，但在plus中不起作用。当我再次单击按钮时，无法清除以前的内容。如何修复它？var cardImg=document.createElement（'img'）；cardImg.src=arrayCard[i]；我试过了，但在plus中不起作用。当我再次单击按钮时，无法清除以前的内容。我怎样才能修好它？