JavaScriptを：どのように私は、アレイ

Question

<table border="0" cellspacing="2" cellpadding="2" width="99%" id="subAccTable"> 
    <tr> 
     <td colspan="10"> 
      <h2 align="left" class="pagetitle">Sub Accounts</h2> 
     </td> 
    </tr> 

    <tr> 
     <th width="10%" class="heading" align="center"><bean:message key="prompt.editVtierAttribute.action" /></th> 
     <th align="center" class="heading"><bean:message key="report8.header.account" /></th> 
     <th align="center" class="heading"><bean:message key="report8.header.homeDir" /></th> 
     <th align="center" class="heading"><bean:message key="report8.header.primaryGroup" /></th> 
     <th align="center" class="heading"><bean:message key="report8.header.addToGroup" /></th> 
    </tr> 

    <tr style="" class="<%=className%>"> 
     <input type="hidden" name="vtierId" value="<%=vtierId%>" /> 
     <td align="center" valign="bottom" class="<%=className%>"> 
      <img name="subAccId" id="<%=subAccountUtil.getId().get(i)%>" onclick="deleteTableRow(this);" 
       src="images/trashcan.gif" title="Delete SubAccount" border="0" class="clientActions" /> 
     </td> 
     <td align="center" valign="bottom" class="<%=className%>"> 
      <input type="text" name="subAcc" value="<%= (String)subAccountUtil.getSubAccountName().get(i) %>" 
        onchange="updateSubAccount(this);" /> 
     </td> 
     <td align="center" valign="bottom" class="<%=className%>"> 
      <input type="text" name="subHomeDir" value="<%= (String)subAccountUtil.getSubAccountHomeDir().get(i) %>" 
        onchange="updateSubAccount(this);" /> 
     </td> 
     <td align="center" valign="bottom" class="<%=className%>"> 
      <input type="text" name="subPriGroup" value="<%= (String)subAccountUtil.getSubAccountPrimaryGroup().get(i) %>" 
        onchange="updateSubAccount(this);" /> 
     </td> 
     <td align="center" valign="bottom" class="<%=className%>"> </td> 
     <td align="center" valign="bottom" class="<%=className%>"> </td> 
    </tr> 
</table> 

に値を持つテーブルの行を読み込むことができ、今私はどのように

0)1234, ~, tedtds, tedtds etc.

のような値を含む配列objArrの値と、ここで、表の行を移入したいですテーブルの列（テキストボックス）にこの配列の値を設定できますか？

Answer 1

whileまたはallステートメントでhtmlの文字列を作成し、そのhtmlでdivの内容を設定することができます。

var table1 = "<table>" 
var table3 = "</table>" 

for (x in array1) 
    { 
    table2 = table2 + "<tr><td>" +array1[x] + "</td></tr>" 
    } 

var table4 = table1 + table2 + table3 

var mydiv = document.getElementById('mydiv1') 
mydiv1.innerHTML = table4 

Answer 2

私が迅速かつ容易であることをknockoutを見つけたけれども、私は、あなたがむしろ車輪の再発明しようとするよりも、既存のテンプレートフレームワークの1つを使用することをお勧め...

jsrenderが働くだろうと思います.. 。

http://github.com/BorisMoore/jsrender

http://knockoutjs.com