我正在尝试将随机数以及当前分钟生成到表中。如何将脚本写入表中?
getElementbyClass()
?
d = new Date();
var random=Math.floor(Math.random()*60)
document.writeln(random);
var Minutes = d.getMinutes();
document.writeln(Minutes);
我正在尝试将随机数以及当前分钟生成到表中。如何将脚本写入表中?
getElementbyClass()
?
d = new Date();
var random=Math.floor(Math.random()*60)
document.writeln(random);
var Minutes = d.getMinutes();
document.writeln(Minutes);
您可以执行以下操作:
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>
结果可以在这个小提琴中看到
表格中是否有固定数量的行/列?您是否需要在运行时更新表格(例如,您是否会在页面加载后更改列中的内容)?
如果您只想在加载页面时使用这些值创建一个表,您可以在 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()
.