javascript - 使用 for 循环在表元素中创建 tr 和 td\\无法解析来自 td 的结果

Question

我正在创建一个表，该表在表中创建 tr 和 td。通过减法计算循环并创建 for 循环结果列的表。当我尝试添加下一列时，它不会解析计算但会继续执行计算

for (i=foo; i<bar+1; i++)
{               
    var tableNode = document.getElementById('tableID');

    var trNode = document.createElement('tr');
    var trValue = '';

    var tdNode = document.createElement('td');
    var tdValue = parseFloat(i) + parseFloat(500); //this is calculating 500 and not concatenating 500 for every iteration.

    trNode.innerHTML = trValue;
    tdNode.innerHTML = tdValue;

    tableNode.appendChild(trNode);
    trNode.appendChild(tdNode);             
}

目标是使用填充 tr 和 td 的 for 循环

1500

2 500

3 500

Answer 1

这应该有效:

let foo = 1,
  bar = 3;

for (let i = foo; i <= bar; i++) {
  var tableNode = document.getElementById("tableID");

  let trNode = document.createElement("tr");
  let trValue = "";

  let tdNode = document.createElement("td");
  let tdValue = parseFloat(i) + ' ' + parseFloat(500);

  trNode.innerHTML = trValue;
  tdNode.innerHTML = tdValue;

  trNode.appendChild(tdNode);
  tableNode.appendChild(trNode);
}

table tr td {
  border: 1px solid #ccc;
}

<table id="tableID"></table>