Question

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

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

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

Answer 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

中看到

Answer 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()。

在表中生成随机数

2 个答案: