title: bold text in dynamically created table - javascript
body: <p>I'm trying to add bold text to the table header row using the .bold() method in javascript. The table is created dynamically using this code:</p>
  
  <pre><code>var table = document.getElementById('changestable');
      var titlerow = ["Type", "Change Date", "FCM", "Hull ID", "Name", "Length", "Manufacturer", "Manufacturer ID", "Year", "Value", "Owner", "Loss Payee", "Policy ID", "Start Date", "End Date"];
      var newRow = table.insertRow(0);
      for (k = 0; k &lt; titlerow.length; k++){
          var newCell = newRow.insertCell(k);
          var newText = document.createTextNode(titlerow[k]);
          newCell.appendChild(newText);
      }
  </code></pre>
  
  <p>I have tried:</p>
  
  <pre><code>.bold() // and this just adds &lt;b&gt;&lt;/b&gt;, not actually making the text bold
  </code></pre>
  
  <p>I have also tried:</p>
  
  <pre><code>titlerow[k].style.fontWeight = 'bold'
  </code></pre>
  
  <p>Thank you in advance!</p>