JSONは、動的データテーブル2を使用して作成した（第一の複数のvar TRを描く簡略= tbody.insertRow（）;）

<！DOCTYPE HTML > 
< HTML > 
< ヘッド> 
< タイトル>动态创建表格</ タイトル> 
< メタのcharset = "UTF-8"  /> 
< スタイル> 
    テーブル{ 幅：600PX 。国境崩壊：崩壊。
        テキスト整列：センター; 
    } 
    番目のTD、{ ボーダー：1ピクセル固体#CCC } 
</ スタイル> 

</ ヘッド> 
< 身体> 
< div要素のid = "データ" > 
  <！ - テーブル>（THEAD> TR>目* 3）+ TBODY +タブ- > 
  < 表> 
    < THEAD > 
      < TR > 
        < 目> ENAME </ 目> 
        < 目>給与</ 目> 
        < 目>年齢</ 目> 
      </ TR > 
    </ thead要素> 
  </ テーブル>
</ DIV >
< スクリプト> 
VARのJSON = [ 
{ " ENAME " ：" トム" 、" 給与" ：11000 、" 年齢" ：25 }、
{ " ENAME " ：" ジョン" 、" 給料" ：13000 、" 年齢" ：28 } 、
{ " ENAME " 。「メアリー" " 給与" ：12000 、" 年齢" ：25 } 
]; // 動的に作成する親要素のTBODY するvar TBODY = のdocument.createElement（" TBODY " ）;
 // TBODYに別表接続しないでください
// 最初のメモリを、すべての行がTBODY追加される
// 反復JSON各従業員オブジェクトのための（VARのJSONのEMP）{ // 各従業員オブジェクトを横切るが、作成tr要素を、及びTBODYに付加// VAR TR = document.createElement（ "TR"）; //はTRのtbodyに追加されます// tbody.appendChild（TR）; VAR





  
  
  
  


  TR = tbody.insertRow（）; // 上記の二つが簡略化される
  // このEMPを繰り返し、各従業員オブジェクト属性
  //      属性名
  のための（VARのPNAME でEMP）{
     // 各トラバースの属性、作成しますTDの
    VaRのTD = のdocument.createElement（" TD " ）
     // <TD> </ TD> 
    // に付加TRおよびTD 
    tr.appendChild（TD）;
     // 現在のコンテンツ・オブジェクト・TDの現在のプロパティ値：
    td.innerHTML = EMP [PNAME];
                // emp.pname; 
               // EMP [ "PNAME"] 
  } 
} 

//TBODYは、最終的に使い捨てでテーブルに追加
document.querySelector（" テーブル" ）
       ; .appendChild（TBODY）
</ スクリプト> 
</ ボディ> 
</ HTML >