JS table新增一行的时候 如何在新增的这一行把样式也加进去 例如变成<tr class="trd0">

 

JS table新增一行的时候 如何在新增的这一行把样式也加进去 例如变成<tr class="trd0">5

JS：
var tab = document.getElementById("tab");
var newTr = tab.insertRow(-1);  
newTr.id = "tr_" + trId;
var newTdContent = newTr.insertCell(1); //第一列
var newTdCaoZuo  = newTr.insertCell(2); //第二列        
//设置二列的数据 
newTdContent.innerHTML  = "<textarea rows='5' cols='40'name='getContent' id='getContent'>" + content.value + "</textarea>";

newTdCaoZuo.innerHTML  = "<input type='button' onclick='moveTr("+trId+")' value='移除'>";

现在是，新增的一行在table里面跟被新增行的table里面的行表示出来的不同，因为被新增的table里面样式是有限定的
table
<tr class="trd0">
<td>..</td>
<tr> 

 

 

 

解决方式:

newTr.setAttribute("class", "trd0");

newTr.className = "trd0";