JavaScriptは動的に作成されたテーブルからテキストをカスタマイズします

Question

JavaScriptを使用してHTMLにテーブルを動的に追加しようとすると、何らかの問題が発生しました。

私は配列を持って、私のサンプルデータが[0,0,5,2,7,5,4,5,0]

私のHTMLです：

<div id="ftw" style="min-width:80px; overflow:auto; overflow-x:hidden; overflow-y:hidden; display:none;"> 
    <table id="ft" class="table" style="font-size:13.5px"> 

    </table> 
</div> 

私はJavaScript：

document.getElementById('ftw').style.display = 'block'; 
     var table = document.getElementById("ft"); 

     // helper function   
     function addCell(tr, text) { 
      var td = tr.insertCell(); 
      td.textContent = text; 
      return td; 
     } 

私は、その後、ときitem == 0のようなものをやってみたかったですフォントを赤色に設定します。 item > 0の場合は、itemと太字にしたいと思います。

どのように私はこれを達成することができますか？

ここ

Answer 1

JsFiddle ...

を私はあなたが試みを投稿することができtd.innerHTMLにtd.textContentを変更し、row.style.color="red";addCell(row, 'Every <b>' + item + '</b> day(s)');

function addCell(tr, text) { 
      var td = tr.insertCell(); 
      td.innerHTML = text; 
      return td; 
     } 



dataset.forEach(function (item) { 
      var row = table.insertRow(); 
      if(item == 0){ 
      row.style.color="red"; 
       addCell(row, 'No record'); 
      }else{ 
       addCell(row, 'Every <b>' + item + '</b> day(s)'); 

      } 
     });