javascriptを使用してDOMモデルを使用してHtmlテーブルを作成するには？

Question

Javascriptを使用してDOMモデルを使用してHtmlテーブルを作成するにはどうすればよいですか？ EX用

：

<table width="100%" border="0" cellspacing="0" cellpadding="0" id="tblMCNRoles"> 
</table> 

私は上記の表を持っていると私はDOMのモーダルの作成を使用することにより、以下のようにテーブルの上にレンダリングします。

<table width="100%" border="0" cellspacing="0" cellpadding="0" id="tblMCNRoles"> 

<tr> 
<td bordercolor="green" align="center" valign="top" style="border-style:dotted" > 
    <table width="99%" border="0" cellspacing="0" cellpadding="0" 
     class="portlet-table-body intable5"> 
     <tr><td align="center" valign="middle" class="grid6"></td></tr> 
    </table> 
</td> 
</tr> 
</table> 

Answer 1

最初のHTMLを生成する必要があります。

DOMにはinsertRowとinsertCellがあります。ここで

はIE's documentationであり、ここでMDCに短い[チュートリアル]（https://developer.mozilla.org/en/Gecko_DOM_Reference/Examples#Example_8:_Using_the_DOM_Table_Interface）がありますMozillas Developer Network

<table id="table0"> 
<tr> 
    <td>Row 0 Cell 0</td> 
    <td>Row 0 Cell 1</td> 
</tr> 
</table> 

<script type="text/javascript"> 

var table = document.getElementById('table0'); 
var row = table.insertRow(-1); 
var cell, text; 
for (var i=0; i<2; i++) { 
    cell = row.insertCell(-1); 
    text = 'Row ' + row.rowIndex + ' Cell ' + i; 
    cell.appendChild(document.createTextNode(text)); 
} 

</script> 

Answer 2

var table = document.getElementById("tblMCNRoles"); 
var tr = document.createElement("tr"); 
var td = document.createElement("td"); 
//set attributes via setAttribute() 
//add subtable via createElement and appendCHild 
tr.appendChild(td); 
table.appendChild(tr); 

それとも、innerHTMLプロパティを使用することができますが、その後、私はのappendChildやinnerHTMLのどちらが安全なクロスブラウザの操作に適していますので、あなたはDOMの表のメソッドを使用することをお勧め