title: How to change td.style when dynamic add table row
body: <p>I use JavaScript to add table rows dynamically, but I don't know how to change the style of the table data.
  My code is:</p>
  
  <pre><code>var tableis = document.getElementById("cameraTable");
  var last=(-1);
  var Tr = tableis.insertRow(last);
  var Td1 = Tr.insertCell(0);
  Td1.innerHTML="&lt;div name='mac"+i+"' id='mac"+i+"'&gt;"+mac+"&lt;/div&gt;";
  Tr.appendChild(Td1);
  </code></pre>
  
  <p>and I only know how to change the background of the td:</p>
  
  <pre><code>Td1.bgColor="#00FF00";
  </code></pre>
  
  <p>I want to change the border style of the td, is it possible?
  The style is like:</p>
  
  <pre><code>style="border: 1px solid black;"
  </code></pre>
  
  <p>I have tried <code>Td1.style="border: 1px solid black;"</code>
  but it is no effort.</p>
  
  <p>Any answer appreciated.</p>