javascriptを使用してテーブルをループする方法

Question

javascriptを使用してテーブルを作成しました。

function tableCreate(){ 
    document.write("<table name= \"table\" >"); 
    for(i=0;i<n;i++){ 
    document.write("<tr>"); 
    for(j=0;j<n;j++){ 
     document.write("<td id=\"square"+k+"\">"+"</td>"); 
     k++; 
    } 
    document.write("</tr>"); 
    } 
    document.write("</table>"); 
} 

そして、私は、各セル内の数字を生成した別の関数（付き）。 テーブルのすべてのtdをループして、その中にある値を取得し、すべての値を配列に入れたいと思います。ここで必要に応じて

も数字を生成する機能である：

function genNumbers(){ 
    for(i=0;i<=n*n;i++){ 
    var newNum = Math.floor(Math.random()*(maxRand-minRand+1)+minRand); 
    document.getElementById("square" + i).innerHTML = newNum; 
    numArr[j] = newNum; 
    j++; 
    } 
} 

私は本当に助けに感謝します。可能であれば、jQueryではなくjavascriptで回答を与えてください。

Answer 1

getElementsByTagNameを使用すると、td要素のリストを取得できます。

そして、それらを介してちょうどループ：

var tds = document.getElementsByTagName("td"); 
for (var i = 0; i< tds.length ; i++) { 
    var td = tds[i]; 
    // do what you want with td 
}