将属性设置为动态生成的标记

时间:2011-10-04 11:25:34

标签: javascript html css javascript-events

我通过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">

2 个答案:

答案 0 :(得分:4)

您需要设置表格单元格的className属性(cell1):

cell1.className = 'styleClass';

答案 1 :(得分:3)

将类添加到单元格/ TD

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