使用DOM

时间:2016-04-23 04:42:09

标签: javascript html-table

我需要输出一个从左到右读取的多列表。表格图片显示了前几个玩具应该如何看待。我必须使用DOM节点输出表。我还需要在代码列中生成一个顺序代码。我一直在绞尽脑汁,所以任何帮助都会受到赞赏。

image of table



var productsArr = new Array('ToyA', 'ToyB', 'ToyC', 'ToyD', 'ToyE', 'ToyF', 'ToyG', 'ToyH');
var pricesArr = new Array(18.70, 11.95, 39.95, 49.95, 54.65, 32.10, 18.70, 11.95);

for (var i = 0; i < productsArr.length; i++) {

  document.writeln('<table border="1">');

  document.writeln('<tr>');
  document.writeln('<th>Code</th>');
  document.writeln('<th>Product</th>');
  document.writeln('<th>Price</th>');
  document.writeln('</tr>');

  document.writeln('<tr>');
  document.write("<td>Generate Number</td>" + "<td>" + productsArr[i] + "</td>" + "<td>" + pricesArr[i] + "</td>")
  document.writeln('</tr>');
  document.writeln('</table>');
}
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

取决于你的身份或号码,这个是随机的......

document.write(
  "<td>" + Math.floor(Math.random() * 10000000) + "</td>" +
  "<td>" +    productsArr[i] + "</td>" +
  "<td>" + pricesArr[i] + "</td>"
);

这是顺序的......

document.write(
  "<td>" + i + "</td>" +
  "<td>" +    productsArr[i] + "</td>" +
  "<td>" + pricesArr[i] + "</td>"
);