Установить атрибут для динамически генерируемого тега <td>

Question

Я добавляю динамическую строку в таблицу с помощью JavaScript.

var cell1 = row.insertCell(0);

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

cell1.appendChild(element2);

Создает новую строку в таблице.

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

Я хочу добавить класс в тег . например <td class="styleClass">

Answer 1

Вам необходимо установить свойство className ячейки таблицы (cell1):

cell1.className = 'styleClass';

Answer 2

Чтобы добавить класс в ячейку / TD

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