将随机数生成到表中答案

【问题标题】：Generate random numbers into a table将随机数生成到表中
【发布时间】：2013-02-20 16:26:41
【问题描述】：

我正在尝试将随机数以及当前分钟生成到表中。如何将脚本写入表中？ getElementbyClass()?

d = new Date();
var random=Math.floor(Math.random()*60)
document.writeln(random);

var Minutes = d.getMinutes();
document.writeln(Minutes);

【问题讨论】：

标签： javascript html random generator

【解决方案1】：

你可以这样做：

var d = new Date();
var random= Math.floor(Math.random()*60);
var td1 = document.createElement("td");
td1.innerHTML = random;

var Minutes = d.getMinutes();
var td2 = document.createElement("td");
td2.innerHTML = random;

var table = document.getElementById("tblResult");
var row = document.createElement("tr");

row.appendChild(td1);
row.appendChild(td2);
table.appendChild(row);

然后插入 HTML：

<table id="tblResult">
  <tr>
    <td>Random</td>
    <td>Minutes</td>
  </tr>
</table>

结果可见fiddle

【讨论】：

【解决方案2】：

表格中是否有固定数量的行/列？您是否需要在运行时更新表格（例如，您会在页面加载后更改列中的内容）吗？

如果您只想在加载页面时使用这些值创建一个表格，您可以在 JavaScript 中创建您的表格：

var table = document.createElement('table'),
    row,
    minCol,
    ranCol;

function addRow(minutes, rand) {
    row = document.createElement('tr');
    minCol = document.createElement('td');
    ranCol = document.createElement('td');

    minCol.innerHTML = minutes;
    ranCol.innerHTML = rand;

    row.appendChild(minCol);
    row.appendChild(ranCol);
    table.appendChild(row);
}

for (var i = 0; i < 10; i++) {
    addRow((new Date()).getMinutes(), Math.floor(Math.random() * 60));
}

document.body.appendChild(table);

请注意，此脚本必须在<body> 标记之后才能工作。

如果您需要在页面加载后添加行（例如用户单击按钮），只需调用 addRow()。

【讨论】：