2016-08-10 8 views
-1

私はネストされた配列の作業中です。私はそれがプロパティを読み取ることができませんというエラーを投げている「のappendChild」ヌルのappendChildを使用してDIVにデータを挿入しようとしていた場合appendchildが動作していません

マイコードが

<script> 
    var emp1 = []; 
    emp1["Emsno"] = 10001; 
    emp1["name"] = "jack"; 
    emp1 ["sall"] = 5000; 

    var emp2 = []; 
    emp2["Emsno"] = 10002; 
    emp2["name"] = "Reck"; 
    emp2 ["sall"] = 5500; 

    var emp3 = []; 
    emp3["Emsno"] = 10003; 
    emp3["name"] = "lama"; 
    emp3 ["sall"] = 5300; 

    var emp4 = []; 
    emp4["Emsno"] = 10004; 
    emp4["name"] = "sam"; 
    emp4 ["sall"] = 6000; 

    var emps = [emp1, emp2, emp3, emp4]; 

    var Employedisplay = document.getElementById("Employedisplay"); 

    function showEmployes(){ 
     var n = emps.length; 

     for (i = 0; i < n ; i++){ 
      var emp = emps[i]; 

      for(var key in emp){ 

       var NewDiv = document.createElement("div"); 

       NewDiv.innerHTML = key + ": " + emp[key]; 

       Employedisplay.appendChild(NewDiv); 

      } 
      var NewBrk = document.createElement("br") 
      Employedisplay.appendChild(NewBrk); 
     } 
    } 
</script> 
</head> 
<body> 
<input type = "button" id = "MyArray" value ="Show Emps" onclick="showEmployes()"/> 
<hr> 
<div id="Employedisplay"></div> 
</body> 

を聞いて行くと、それはこの中で働いていますway

function showEmployes(){ 
     var n = emps.length; 

     for (i = 0; i < n ; i++){ 
      var emp = emps[i]; 

      for(var key in emp){ 

       var NewDiv = document.createElement("div"); 

       NewDiv.innerHTML = key + ": " + emp[key]; 

       document.getElementById("Employedisplay").appendChild(NewDiv); 

      } 
      var NewBrk = document.createElement("br") 
      Employedisplay.appendChild(NewBrk); 
     } 
    } 

最初のアプローチでどこが間違っているのか分かりません。

+2

'VAR Employedisplay =のdocument.getElementById( "Employedisplay");' IDと要素の前に実行される 'Employedisplay'が存在します。文書末尾の「

0
<script> 
    var emp1 = []; 
    emp1["Emsno"] = 10001; 
    emp1["name"] = "jack"; 
    emp1 ["sall"] = 5000; 

    var emp2 = []; 
    emp2["Emsno"] = 10002; 
    emp2["name"] = "Reck"; 
    emp2 ["sall"] = 5500; 

    var emp3 = []; 
    emp3["Emsno"] = 10003; 
    emp3["name"] = "lama"; 
    emp3 ["sall"] = 5300; 

    var emp4 = []; 
    emp4["Emsno"] = 10004; 
    emp4["name"] = "sam"; 
    emp4 ["sall"] = 6000; 

    var emps = [emp1, emp2, emp3, emp4]; 



    function showEmployes(){ 
    var Employedisplay = document.getElementById("Employedisplay"); 
     var n = emps.length; 

     for (i = 0; i < n ; i++){ 
      var emp = emps[i]; 

      for(var key in emp){ 

       var NewDiv = document.createElement("div"); 

       NewDiv.innerHTML = key + ": " + emp[key]; 

       Employedisplay.appendChild(NewDiv); 

      } 
      var NewBrk = document.createElement("br") 
      Employedisplay.appendChild(NewBrk); 
     } 
    } 
</script> 
</head> 
<body> 
<input type = "button" id = "MyArray" value ="Show Emps" onclick="showEmployes()"/> 
<hr> 
<div id="Employedisplay"></div> 
</body> 
関連する問題