javascript - 我如何分别选择每一行，我需要为每一行添加一些样式

Question

function tableCreate() {
  var body = document.body;
  var tbl = document.createElement('table');
  tbl.style.border = "1px solid #ccc";
  tbl.style.width = "400px";
  for (var i = 0; i < 5; i++) {
    var tr = tbl.insertRow();
    for (var j = 0; j < 5; j++) {
      var td = tr.insertCell();
      td.style.border = "1px solid #ddd";
      if (i == 5 && j == 5) {
        break;
      } else {

        td.style.padding = "10px";
        if (i == 0 && j == 0) {
          td.appendChild(document.createTextNode('S.No'));
        }
        if (i == 0 && j == 1) {
          td.appendChild(document.createTextNode('Name'));
        }
        if (i == 0 && j == 2) {
          td.appendChild(document.createTextNode('Emp.ID'));
        }
        if (i == 0 && j == 3) {
          td.appendChild(document.createTextNode('Gender'));
        }
        if (i == 0 && j == 4) {
          td.appendChild(document.createTextNode('Salary'));
        }
      }
    }
  }
  //for(var){}
  tr.style.background = '#006699';
  body.appendChild(tbl);
}

tableCreate();

Answer 1

您可以在添加行的同时添加样式:

var tr = tbl.insertRow();
tr.style. //whatever you want here

或者您可以稍后循环遍历这些行

for (var i = 0, row; row = tbl.rows[i]; i++) {
    row.style. //whatever you want here
}