2012-12-23 71 views
-3

我有以下HTML表格:如何在json中創建一個循環「for」表?

<table> 
    <tr> 
    <th> </th> 
    <th> Monday </th> 
    <th> Tuesday </th> 
    <th> Wednesday</th> 
    <th> Thursday </th> 
    <th> Friday </th> 
    <th> Saturday</th> 
    </tr> 

    <tr> 
     <td> 8:30 - 10:00 </td> 
     <td> Math</td> 
     <td>Math </td> 
     <td>Math</td> 
     <td> Math </td> 
     <td> Math</td> 
     <td> Math</td> 
    </tr> 
</table> 

如何創建這樣的使用只有JavaScript表?

+1

您的問題非常模糊,無法回答。您可能想要添加更多關於您想要實現的細節的細節,並且包括您已經做出的任何嘗試以實現這一點,以提高獲得答案的機會。 – Matt

回答

0
<div id="output"></div> 
<script> 
    var days = { 
     "Monday": ["8:30 - 10:00", "Math", "Math", "Math", "Math", "Math", "Math"], 
     "Tuesday": [], 
     "Wednesday": [], 
     "Thursday ": [], 
     "Friday": [], 
     "Saturday": [] 

    } 

    var html; 

    html = "<table><tr>" 
    for (var day in days) { 

     html += "<th>" + day + "</th>"; 

    } 

    html += "</tr>" 
    for (var day in days) { 

     if (days[day].length != 0) { 
      html += "<tr>" 

      for (var i = 0; i < days[day].length; i++) { 
       html += "<td>" + days[day][i] + "</td>" 
      } 
     } 

     html += "</tr>"; 
    } 
    html += "</table>"; 

    document.getElementById("output").innerHTML = html; 
</script> 
+0

非常感謝! – user1925442