无法访问动态创建的表内的类

时间:2017-12-02 23:12:12

标签: javascript class dynamic

我使用js创建了一个表。我为几个单元格提供了类名。我想稍后访问这些单元格并删除类名。但我无法做到。这就是我动态创建表的方法:

for (var j = 0; j < TotalNumOfPlayers; j++) 
{
  // Create a <td> element and a text node, make the text
  // node the contents of the <td>, and put the <td> at
  // the end of the table row
  var cell = document.createElement("td");
  if (header)
  {
  var cellText = document.createTextNode(nameOfPlayers[j]);
  }
  else
  {
  var cellText = document.createTextNode(oldScore[j]);      
  cell.setAttribute("class", "lastrow");
  }
  cell.appendChild(cellText);
  row.appendChild(cell);  
}

以下是我尝试访问单元格并删除类的方法:

document.querySelectorAll(".lastrow").classList.remove("lastrow");

它会抛出以下错误:

  

无法读取属性&#39;删除&#39;未定义的       时间:1:48

我模糊地理解它正在查看父级别,并且看不到附加的类,但它应该在td内部查看。我做对了吗?如果是的话,我应该如何做到这一点?

1 个答案:

答案 0 :(得分:0)

您应该从循环

中的所有元素中删除class
let lastrows = document.querySelectorAll('.lastrow');
for (let i=lastrows.length;i--;){
    lastrows[i].classList.remove('lastrow');
}