25テーブルを作成するためのボタンをクリックします（のcreateElementの道）

<！DOCTYPE HTML > 
< HTML > 
    < ヘッド> 
        < メタのcharset = "UTF-8" > 
        < タイトル> </ タイトル> 
        < スタイル> 
            のdiv { 
          幅：200pxの。
          高さ：200pxの。
          国境：1pxの固体赤。
        } 
      </ スタイル> 
    </ ヘッド> 
    < ボディ> 
        < 入力タイプ= "ボタン" 値= "创建表格" ID = "BTN"  /> 
        < DIV ID = "DV" > </ divの> 
        < スクリプトSRC = "common.js" > </ スクリプト> 
        < スクリプトタイプ= "テキスト/ジャバスクリプト」> 
            VAR ARR = [ 
                {名：" 百度" 、HREF：" http://www.baidu.com " }、
                {名：" 谷歌" 、HREF。" http://www.google.com " }、
                名前{：" 優れたクール" 、HREF：" http://www.youku.com " }、
                {名：" ポテト" 、HREF：" http://www.tudou.com " }、
                {名：「ノラ"HREF： " http://www.kuaibo.com " }、
                {名前は：" ファンタスティックアートを愛する" HREF、：" http://www.aiqiyi.com " } 
            ]; // ボタンのクリックイベントを追加            私の$ （"BTN "
            
）.onclick =  関数（）{
                 // 親要素とのdivに追加テーブル要素、作成
                VAR taObj = のdocument.createElement（" テーブル" ）; 
                taObj.border =  " 1。" ; 
                taObj.cellPadding =  " 0 " ; 
                taObj .cellSpacing =  " 0 " ; 
                私の$（" DV " ）.appendChild（taObj）; 

                のため（VAR I =  0 ; I< Arr.length; Iは++ ）{
                     // 行を作成し、行のコンテンツは、追加、およびテーブルは、親要素に追加され
                    VAR trObj = のdocument.createElement（" TR " ）; 
                    taObj.appendChild（trObj）; 
                    // 作成します次いで、最初の列、及び行に追加
                    VAR TD1 = のdocument.createElement（" TD " ）; 
                    td1.innerHTML = ARR [I] .nameの、
                    trObj.appendChild（TD1）; 
                    // 加え、続いて第二の行を作成行に
                    VaRのTD2を= のdocument.createElement（" TD "）; 
                    td2.innerHTML =  " の<a href="  + arr[i].href +  "> " + ARR [I] .nameの+ " </a>を" ; 
                    trObj.appendChild（TD2）。
                } 
            }。</ スクリプト> </ ボディ> </ HTML >