将javascript数组转换为div

我只需要一点调整，我知道所有这些代码都不是完美的（远非如此）。理想情况下，我希望为数组中的每个数字创建一个新的div，然后将其添加到卡容器中，而不是将数组的内容写入div

                var full_list = "";
                for(var i=0; i<balls90.length; ++i){
                    full_list = full_list + balls90[i]+ "<br>";
                } 

                $("#cardContainer").html(full_list);

                var full_list = "";
                for(var i=0; i<balls90.length; ++i){
                    full_list = full_list + balls90[i]+ "<br>";
                } 

                $("#cardContainer").html(full_list);

balls90=[ '1', '2', '3', '4', '5', '6','7','8','9','10','11', '12', '13', '14', '15', '16','17','18','19','20','21', '22', '23', '24', '25', '26','27','28','29','30','31', '32', '33', '34', '35', '36','37','38','39','40','41', '42', '43', '44', '45', '46','47','48','49','50','51', '52', '53', '54', '55', '56','57','58','59','60','61', '62', '63', '64', '65、‘66’、‘67’、‘68’、‘69’、‘70’、‘71’、‘72’、‘73’、‘74’、‘75’、‘76’、‘77’、‘78’、‘79’、‘80’、‘81’、‘82’、‘83’、‘84’、‘85’、‘86’、‘87’、‘88’、‘89’、‘90’；

function getNumbers(){

    var player1 = new Array();

    balls90.sort( function() { return Math.random() - .25 } );

    for ( var i=1; i<=12; i++ ) {   
        player1.push(balls90[i]);
        document.getElementById("cardContainer").innerHTML+=(balls90[i]);
    }

}

                var full_list = "";
                for(var i=0; i<balls90.length; ++i){
                    full_list = full_list + balls90[i]+ "<br>";
                } 

                $("#cardContainer").html(full_list);

函数getNumbers（）{ var player1=新数组（）； sort（函数（）{return Math.random（）-.25}）；

---

对于（var i=1；iSimple方法，请尝试附加到变量，而不是附加到div，如

var html='';
for (var i=1; i<=12; i++) {
    html+='<div>'+balls90[i]+'</div>';
}
document.getElementById('cardContainer').innerHTML+= html;

                var full_list = "";
                for(var i=0; i<balls90.length; ++i){
                    full_list = full_list + balls90[i]+ "<br>";
                } 

                $("#cardContainer").html(full_list);

var html=''；
对于（var i=1；i您可以轻松使用

                var full_list = "";
                for(var i=0; i<balls90.length; ++i){
                    full_list = full_list + balls90[i]+ "<br>";
                } 

                $("#cardContainer").html(full_list);

上的示例。

                var full_list = "";
                for(var i=0; i<balls90.length; ++i){
                    full_list = full_list + balls90[i]+ "<br>";
                } 

                $("#cardContainer").html(full_list);

使用此方法将使您不必担心令人讨厌的字符串连接。
document.getElementById（“cardContainer”）.innerHTML++=（''+balls90[i]+''；
document.getElementById("cardContainer").innerHTML += ('<div>'+balls90[i]+'</div>');

                var full_list = "";
                for(var i=0; i<balls90.length; ++i){
                    full_list = full_list + balls90[i]+ "<br>";
                } 

                $("#cardContainer").html(full_list);


如果希望每个数字都有自己的
div
，只需将每个数字包装在

                var full_list = "";
                for(var i=0; i<balls90.length; ++i){
                    full_list = full_list + balls90[i]+ "<br>";
                } 

                $("#cardContainer").html(full_list);

JSFIDLE:
像这样吗

balls90 = [];
for (var i=0;i<90;i++)balls90[i]=(i+1);

function getNumbers(){
  var player1 = new Array();
  balls90.sort( function() { return Math.random() - .25 } );
  var container = document.getElementById("cardContainer")
  var div;
  for ( var i=1; i<=12; i++ ) { 
    player1.push(balls90[i]);
    div = document.createElement('div');
    div.innerHTML=balls90[i];
    container.appendChild(div)
  }
}

                var full_list = "";
                for(var i=0; i<balls90.length; ++i){
                    full_list = full_list + balls90[i]+ "<br>";
                } 

                $("#cardContainer").html(full_list);

balls90=[]；
对于（var i=0；i您可以使用element.createChild（）和element.appendChild（）完成此操作。
如果我理解正确，您希望为数组中的每个元素创建一个div。您可能（不）熟悉
array.join（）
。您需要一个容器来放入内容，我将创建一个容器，然后使用
array.join（）
创建各个div

                var full_list = "";
                for(var i=0; i<balls90.length; ++i){
                    full_list = full_list + balls90[i]+ "<br>";
                } 

                $("#cardContainer").html(full_list);

var container=document.createElement（'div'）；
//包含一系列div和数组内容的字符串。
container.innerHTML=''+balls90.join（''）+''；
//最后将div追加到body，以创建较少的DOM刷新
文件.正文.附件（容器）；
//有很多方法可以做到这一点，下面是另一种方法

var div= document.createElement('div'),
txt= document.createTextNode('1'), i= 1, tem,
pa= document.createDocumentFragment();
div.appendChild(txt);
pa.appendChild(div);
while(i<90){
    tem= div.cloneNode(true);
    tem.firstChild.data=++i;
    pa.appendChild(tem);
}
document.getElementById("cardContainer") .appendChild(pa);

                var full_list = "";
                for(var i=0; i<balls90.length; ++i){
                    full_list = full_list + balls90[i]+ "<br>";
                } 

                $("#cardContainer").html(full_list);

var div=document.createElement（'div'），
txt=document.createTextNode（'1'），i=1，tem，
pa=document.createDocumentFragment（）；
div.appendChild（txt）；
私人助理署长（分区）；
而（我试试这个

                var full_list = "";
                for(var i=0; i<balls90.length; ++i){
                    full_list = full_list + balls90[i]+ "<br>";
                } 

                $("#cardContainer").html(full_list);

var full_list=”“；
对于（var i=0；i使用
var div=document.createElement（'div'）
动态创建一个div，并将数组迭代（值）附加到动态创建的节点
var node=document.createTextNode（值[i]）
。只需将动态创建的DOM元素存储到一个变量（如var div）中。您可以对动态创建的节点执行相同的操作。然后，您可以使用
div.appendChild（node）
将节点附加到DOM元素，并将整个元素附加到父元素。
您可以进一步解释您需要什么吗？
                var full_list = "";
                for(var i=0; i<balls90.length; ++i){
                    full_list = full_list + balls90[i]+ "<br>";
                } 

                $("#cardContainer").html(full_list);