码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-10-25 18:20:06      阅读:107      评论:0      收藏:0      [点我收藏+]

标签:row   element   www   tar   ntb   span   class   tab   html   

 

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

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

标签:row   element   www   tar   ntb   span   class   tab   html   

原文地址:https://www.cnblogs.com/niudaxianren/p/11739310.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!