こんな感じですかね?
<html> <head> </head> <body> <div id="hoge"></div> </body> </html> <script type="text/javascript"> //配列の生成 var FooList = []; for(var i=0; i<10; i++ ) { FooList[i] = [];//配列のi番目をさらに配列に。 for(var j=0; j<10; j++) { FooList[i][j] = "hoge" +i+ ":" +j; } } var create_table= function() { var div = document.createElement('div'); var table = document.createElement('table'); table.border = 1; for(var i=0,l=FooList.length; i<l ; i++) { var tr = document.createElement('tr'); var content = FooList[i]; for (var j=0,jl=content.length; j<jl; j++) { var td = document.createElement('td'); td.innerHTML = content[j]; tr.appendChild(td); } table.appendChild(tr); } div.appendChild(table); document.getElementById('hoge').innerHTML = div.innerHTML; } create_table(); </script>
「随時挿入」の意味がよく解らなかいのですが、こんな感じでしょうか?
配列を作成して、i番目の配列をさらに配列にして、その要素へ放り込んでます。
それとも、なにかinputとかで入力された物が反映されるような感じですか?
JavaScriptでは厳密には多次元配列は作れません。従って、配列の配列を作るという形で、対応することになります。
var n = 10; // 多次元配列のサイズ var matrix = new Array(n); for (var i = 0; i < n; i++) matrix[i] = new Array(n); // matrix[i][j] i,jの配列にアクセス
という感じになります。
この場合、アクセスには
matrix[i][j]=1+2;
のようにアクセスすればいいのでしょうか?