JavaScriptを使って文字列をhtmlに印刷するには？

-1

私はJavaScriptにhtmlの文字列をdocument.write()で印刷しようとしていますが、使用するときのようです。document.write()他のコードが機能しなくなりました。JavaScriptを使って文字列をhtmlに印刷するには？

JavaScriptのコード：

 <script type="text/javascript"> 
      var my_d = {{ pass_kegg|safe }}; 
      var myList_tmp = {{ pass_tmp|safe }}; 

      var epgd = "EPGD" 
      var kegg = "KEGG" 
      function buildHtmlTable(myList,printSource) { 
       var columns = addAllColumnHeaders(myList); 
       document.write(printSource); 
       // Builds the HTML Table out of myList json data from Ivy restful service. 
      } 


      function addAllColumnHeaders(myList) { 
      // Adds a header row to the table and returns the set of columns. 
      // Need to do union of keys from all records as some records may not contain 
      // all records 
      } 
    </script>

HTMLコード：私は印刷するdocument.write()を使用する場合

<body onload="buildHtmlTable(my_d, epgd);buildHtmlTable(myList_tmp, kegg)"> 
     <table id="excelDataTable" border="1"> 
     </table> 
</body>

もともと、JSONから変換されたHTMLテーブルがあるがwebpage.Butで見ることができます文字列epgd私のWebページで見ることができる唯一の2つの文字列があります。他のコードが実行されていないようです。私はこの問題を探検していると誰かがdocument.write()は、onloadページでのみ動作することができますが、それが実行中に使用されている場合は、ドキュメント全体を置き換えます。誰も私に方法を提供することができますdocument.write() JavaScriptで？

出典

2016-04-23 Coding_Rabbit

が既に明示的に代わり、ドキュメントのDOMを操作するに見たことが持っている場合たとえば

var myTable = document.getElementById("myTableId"); var row = myTable.insertRow(-1); var cell = roww.insertCell(-1); cell.textContent="data1";

：

document.getElementById("mytableid").innerHTML += "<tr><td>str</td></tr>";

しかし、私はのようなものを提案します。書きます？ document.createElement、 'document.findElementByID（" mytableid "）.appendChild（htmlstring）'など？ – morksinaanab

まず試してみてください。あなたは

var data = [ 
    [ "one" , "two" ], 
    [ "alpha", "betha" ], 
    [ "a", "b" ] 
]; 
var myTable = document.getElementById("myTableId"); 
data.forEach(function(dataRows){ 
    var row = myTable.insertRow(-1); 
    dataRows.forEach(function(dataCell){ 
     var cell = row.insertCell(-1); 
     cell.textContent = dataCell; 
    }); 
});

出典

2016-04-23 21:08:57

詳細な回答ありがとうございます！ –

JavaScriptを使って文字列をhtmlに印刷するには？

答えて

関連する問題