J'ai juste besoin d'un petit tweak, je sais que tout ce code n'est pas parfait (loin de celui-ci). Au lieu d'écrire le contenu de la matrice dans une DIV, je souhaite idéalement créer une nouvelle DIV pour chaque numéro dans le tableau, puis l'ajouter au conteneur de la carte?
balls90 = ['1', '2', '3', '4', '5', '6', '6', '7', '7', '8', '9', '10', '10', '11', '12', '12', ' 13 ',' 14 ',' 15 ',' 16 ',' 17 ',' 18 ',' 18 ',' 19 ',' 19 ',' 20 ',' 20 ',' 21 ',' 22 ',' 22 ',' 23 ',' 24 ',' 25 ',' 25 ' , '26', '27', '28', '29', '30', '31', '32', '32', '33', '34', '35', '36', '37', '37', '37', " 38 ',' 39 ',' 40 ',' 41 ',' 42 ',' 43 ',' 44 ',' 44 ',' 45 ',' 46 ',' 47 ',' 48 ',' 49 ',' 50 ',' 50 ' , '51 ',' 52 ',' 53 ',' 54 ',' 55 ',' 56 ',' 57 ',' 57 ',' 58 ',' 58 ',' 59 ',' 60 ',' 61 ',' 62 ',' 62 ',' 63 ',' 64 ',' 65 ',' 67 ',' 67 ',' 68 ',' 69 ',' 70 ',' 70 ',' 71 ',' 72 ',' 73 ',' 74 ',' 74 ',' 75 ' , '76', '77', '78', '79', '80', '81', '82', '83', '84', '84', '85', '86', '87', '87', '87', '87', " 88 ',' 89 ',' 90 '];
9 Réponses :
méthode simple, au lieu d'ajouter à la div, essayez d'ajouter une variable, quelque chose comme
Vous pouvez facilement utiliser document.createeelement ("div") et appendicchild () < Pré> xxx
Utiliser cette méthode vous évitera de devoir vous soucier de la concaténation de la chaîne Yucky.
document.getElementById("cardContainer").innerHTML += ('<div>'+balls90[i]+'</div>');
If you want each number in its own div, just wrap each number in <div></div>jsFiddle: http://jsfiddle.net/UjsgY/
Comme ça?
Vous pouvez y accomplir avec Element.CreatEphild () et Element.AppendChild ().
Si je comprends bien correctement, vous souhaitez créer un DIV pour chaque élément de la matrice. Vous pouvez (non) être familier avec array.join () code>. Vous aurez besoin d'un conteneur pour mettre le contenu dans, je créerai une puis créez les divs individuels avec array.join () code>. var container = document.createElement('div');
//A string containing a series of divs and the contents of the Array.
container.innerHTML = '<div>' + balls90.join('</div><div>') + '</div>';
//append div to body last, to create less DOM refreshes
document.body.appendChild( container );
// beaucoup de façons de faire cela, voici une autre
Essayez ceci
créer de manière dynamique un div avec var div = document.createeelement ('div') et ajoute l'itération de tableau (valeurs) sur un nœud Créé de manière dynamique var nœud = document.creetextNode (valeur [i]) . Il suffit de stocker l'élément DOM créé de manière dynamique dans une variable comme Var Div. Vous pouvez faire la même chose au nœud créé de manière dynamique. Ensuite, vous pouvez ajouter le nœud à l'élément DOM avec div.appendchild (noeud) et ajouter le tout à l'élément parent.
pouvez-vous expliquer plus ce que vous avez besoin?