動的テーブルにデータを追加する方法を

こんにちは動的に作成.thisされたテーブルは、テーブルを作成するためのコードである必要があり動的テーブルにデータを追加する方法を

function table() { 
 
    var body = document.body, 
 
    tbl = document.createElement('table'), 
 
    tableId = document.createAttribute('id'); 
 
    tableId.value = "table"; 
 
    tbl.setAttributeNode(tableId); 
 
    tbl.style.width = '100%'; 
 
    id = 0; 
 
    for (var i = 0; i < 30; i++) { 
 
    var tr = tbl.insertRow(); 
 
    tr.setAttribute("data-id", i, 0); 
 
    for (var j = 0; j < 3; j++) { 
 
     var td = tr.insertCell(); 
 
     td.appendChild(document.createTextNode("")); 
 
    } 
 
    } 
 
    $(".lefttablediv").append(tbl); 
 
}; 
 
table();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

今それは私が異なっ追加したい空のテーブル各trのデータはどのようにデータを追加できますか？

出典

2016-08-16 mr.cool

メソッドの後にそれをJqueryで追加します。このリンクを参照してください。 [Add Row in Table]（http://stackoverflow.com/questions/171027/add-table-row-in-jquery） –

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<Html> 
<body id ="body"> 
</body> 
</html> 
<script> 

function table() { 

     var body = document.body; 

       var tbl = document.createElement('table'); 

       var tableId = document.createAttribute('id'); 
     tableId.value = "table"; 
     tbl.setAttributeNode(tableId); 
     tbl.style.width = '100%'; 
     alert(tbl); 


console.log(tbl); 

     id=0 

     for (var i = 0; i < 30; i++) { 
      var tr = tbl.insertRow(); 
      tr.setAttribute("data-id", i, 0); 

      for (var j = 0; j < 3; j++) { 

       var td = tr.insertCell(); 
       td.appendChild(document.createTextNode("Please add some text here")); 


      } 

     } 

     $("#body").append(tbl); 



    }; 
    table(); 
    </script>

td.appendChild（document.createTextNode（ ""）））;空白のページを示す空白のデータを追加しています。
***** td.appendChild（document.createTextNode（ "ここにテキストを追加してください"））****

出典

2016-08-16 05:53:22

作成データの後に、データ全体のデータを**** document.getElementById（ "テーブル "）innerHTML ="あなたはここに何か変えます "; *** –

動的テーブルにデータを追加する方法を

答えて

関連する問題