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";