javascript - Set attribute to dynamically generated <td> tag - Stack Overflow

admin管理员组

文章数量:1289361

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 <td> tag. e.g. <td class="styleClass">

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 <td> tag. e.g. <td class="styleClass">

• javascript
• html
• css
• dom-events

Share Improve this question Follow edited Jun 14, 2022 at 13:59 Brian Tompsett - 汤莱恩 5,8937272 gold badges6161 silver badges133133 bronze badges asked Oct 4, 2011 at 11:25 Muhammad Imran TariqMuhammad Imran Tariq 23.4k4747 gold badges129129 silver badges191191 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

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

cell1.className = 'styleClass';

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

本文标签： javascriptSet attribute to dynamically generated lttdgt tagStack Overflow