首页 > Web开发 > 详细

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

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

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!