Javascript 如何从数组中提取图像并将其推入div？

我试着自学javascript

我有一个图像数组，我试图让它们从数组中弹出，同时放入一个div，这样它们就显示在屏幕上，而不再显示在数组中

我这样做是为了尝试创建一个黑杰克纸牌游戏。当然，我需要知道怎么做

如蒙协助，将不胜感激

编辑：我尝试了以下方法：

var cards = [], i=0;
while(i<54){
var card = {'1.png': 1};
card.number = ++i;
card.value = "1.png";
cards.push(dealerField) } 

var卡=[]，i=0；
而（i使用扩展js功能。然后使用类似于：

$("#a_div_marked_by_an_id").html('string you want to replace the div contents with');

当然，您也可以不使用
'string'
而只使用
varName

上述示例将插入到

<div id="a_div_marked_by_an_id></div>

要替换div内容的字符串
首先，不要在循环中重新定义变量，那只是浪费。
然后，您需要创建一个图像标记，并将其附加到循环中的“dealerField”中

var cards = [],
    i=0,
    card = {},
    img;

while( i < 54 ){
    card.number = ++i;
    card.value = i + ".png";
    img = document.createElement( "img" );
    img.src = card.value;
    img.alt = card.number;

    document.getElementByID( "dealerField" ).appendChild( img );
}

使用jquery非常简单：使用$（）.remove将其从数组中移除，使用$（）.html（）将其放入div
pop（）中
将从数组中删除一个对象并返回所述对象。是的，非常好：是的，我想知道这个问题——我假设如果他知道jQ并想避免它，他会明确声明，因为他知道最简单/常见的响应会涉及它。相反，因为他没有，我假设他对js是如此陌生，以至于他不知道现在，关于jQ，和/或如何“真实世界”（这个形容词的准确程度完全有争议）js任务现在似乎从来没有“无jquery！”我可能错了，但我觉得，因为用jq选项回答js问题是如此直观，ppl应该说：解释我认为这里的关键区别在于jQuery为这个解决方案带来了什么。jQuery从根本上说是一个库，它消除了操作的痛苦g DOM、styles和AJAX。这就是它擅长的。OP有一个问题，其中只有很小的一部分涉及DOM，添加jQuery对于该任务来说是不必要的。除此之外，OP表示他们试图“教自己”javascript因此，把他们从核心语言中拖出来，让他们学习一个库，这真的是一种伤害。这就是我对它的看法这是一个公平的观点。我只记得不到一年前，我处于一个非常相似的位置，我的回答符合我希望听到/了解的内容，但如果SO政策与您的联系一样，那么就是这样。我不会将我的意见/解释与SO政策混为一谈：D此外，我没有否决您的回答，因为这是另一种选择，所以别觉得我在说你错了。
var cards = [],
    i=0,
    card = {},
    img;

while( i < 54 ){
    card.number = ++i;
    card.value = i + ".png";
    img = document.createElement( "img" );
    img.src = card.value;
    img.alt = card.number;

    document.getElementByID( "dealerField" ).appendChild( img );
}

var i=0,
    img;

while( i < 54 ){
    img = document.createElement( "img" );
    img.alt = ++i;
    img.src = i + ".png";

    document.getElementByID( "dealerField" ).appendChild( img );
}

// cards is an array of card objects with some arbitrary structure
var i = 0,
    len = cards.length,
    card,img;

for( i; i < len; i++){
    img = document.createElement( "img" );
    card = cards[ i ];

    img.src = card.value;
    img.alt = card.number;

    document.getElementByID( "dealerField" ).appendChild( img );
}