Set attribute to dynamically generated <td> tag

Question

I am adding dynamic row to table through javascript.

var cell1 = row.insertCell(0);

var element2 = document.createElement('input');    
element2.value = "valueHere";
element2.type = "text";

cell1.appendChild(element2);

It creates new row in table.

<tr>
 <td>
  <input type="text" value="valueHere">
 </td>
</tr>

I want to add a class to tag. e.g. <td class="styleClass">

Solution 1

To add a class to a cell/TD

var cell1 = row.insertCell(0);
    cell1.className = 'styleClass';
    //cell1.style = ... whatever you want
...
rest of your code

Solution 2

You need to set the className property of the table cell (cell1):

cell1.className = 'styleClass';