Javascriptで多次元arrarから要素を取得する方法

Question

配列には、（document.create（ "input"）を使用して）ボタンを配置しました。画面に印刷したいのですが、mainArr [i] [j]という要素を取得できませんでした。私がconsole.log（）を実行すると、定義されていないが、スコープの外に出て、私が期待したものを出力します。私はこれを試してみました：

for (var i = 0; i < mainArr.length; i++) { 

       var p = document.createElement('P'); 

       for (var j = 0; j < mainArr[i].length; j++) { 

        element = mainArr[i][j]; 

        p.appendChild(element); 
       } 
       $('#keyPad').append(p); 
      } 

私はこの出力を期待する：以下で

<p> 
       <input type="button" class="sil" value="C" style="width:50px"> 
       <input type="button" class="hepsiniSil" value="AC" style="width:50px"> 
      </p> 
      <p> 
       <input type="button" class="buttons" value="7"> 
       <input type="button" class="buttons" value="8"> 
       <input type="button" class="buttons" value="9"> 
       <input type="button" class="buttons" value="*" > 
      </p> 
      <p> 
       <input type="button" class="buttons" value="4"> 
       <input type="button" class="buttons" value="5"> 
       <input type="button" class="buttons" value="6"> 
       <input type="button" class="buttons" value="-"> 
      </p> 
      <p> 
       <input type="button" class="buttons" value="1"> 
       <input type="button" class="buttons" value="2"> 
       <input type="button" class="buttons" value="3"> 
       <input type="button" class="buttons" value="+"> 
      </p> 
      <p> 
       <input type="button" class="buttons" value="0"> 
       <input type="button" value="=" style="width:50px" onclick='esittir()'> 
       <input type="button" class="buttons" value="/"> 

      </p> 

これがある：

$(document).ready(function() { 

     var butArr = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0', '+', '-', '*', '/', '=', 'C', "AC"]; 
     var mainArr = [];   


      $('.createBut').click(function() { 

       var but = document.createElement("input"); 

       var butClass = $('#inputClass').val(); 
       var butValue = $('#inputValue').val(); 
       var butRow = $('#inputRow').val(); 
       var butColumn = $('#inputColumn').val(); 
       var butWidth = $('#inputWidth').val(); 
       var butHeigth = $('#inputHeigth').val(); 
       var butClick = $('#inputClick').val(); 

       but.type = 'button'; 
       but.value = butValue; 
       but.className = butClass; 
       but.style.width = butWidth; 
       but.style.height = butHeigth; 
       //but.onclick = butClick; 

       for (var i = 0; i < 17; i++) { 
        mainArr[butRow] = []; 
        for (var j = 0; j < 17; j++) { 
         mainArr[butRow][butColumn] = but; 

        } 
       } 

}); 

Answer 1

あなたのコード内の間違いを持っ​​ている - あなたが使用します。

mainArr[butRow][butColumn] = but; 

ここで、butRowとbutColumnは、これはあなたの問題を解決する必要があり

変更されません：

for (var i = 0; i < 17; i++) { 
    mainArr[i] = []; 
    for (var j = 0; j < 17; j++) { 
     var but = document.createElement("input"); 
     but.type = 'button'; 
     but.value = butValue; 
     but.className = butClass; 
     but.style.width = butWidth; 
     but.style.height = butHeigth; 
     mainArr[i][j] = but; 
    } 
}