使用javascript打印表元素

我有一个Javascript数组，它包含一个

字符串

，格式为

200I3NAME nametextra

示例数组[0]包含

200I3NAME namextra

，它是一个字符串（依此类推）

如何在遍历数组时打印html表？

您可以使用以下方法：

var html = '<table><tr>' + myarray.join('</tr><tr>') + '</tr></table>';

var html=''+myarray.join（''）+''；

例如：

myarray=[
“200I3NAME NAMEEXTRA”，
“150I1Some data-999”，
“360K9其他数据无”，
];
var html=''+myarray.join（''）+''；
document.querySelector（“#mytablemustcomehere”）.innerHTML=html
您可以使用：

var html = '<table><tr>' + myarray.join('</tr><tr>') + '</tr></table>';

var html=''+myarray.join（''）+''；

例如：


myarray=[
“200I3NAME NAMEEXTRA”，
“150I1Some data-999”，
“360K9其他数据无”，
];
var html=''+myarray.join（''）+''；
document.querySelector（“#mytablemustcomehere”）.innerHTML=html
您可以在数组元素中循环，并为每行添加


var arr=[“200I3NAME NAME 1EXTRA 1”，
“100I2名称2额外2”]；
var str=“”；
var table=document.getElementById（“myTable”）；
对于（变量i=0；i
您可以在数组元素中循环，并为每行添加


var arr=[“200I3NAME NAME 1EXTRA 1”，
“100I2名称2额外2”]；
var str=“”；
var table=document.getElementById（“myTable”）；
对于（变量i=0；i
@trincot的答案最适合具体问题。我想详细介绍一下如何使用domapi来实现这一点

function createRowHTML(itemData) {
  return '<tr><td>' + itemData.join('</td><td>') + '</td></tr>';
}

function appendTableTo(element, items) {
  var table = document.createElement('table');
  table.innerHTML = items.map(createRowHTML).join('');
  element.appendChild(table);
}

var items = [
  [200, 'I3', 'NAME NAME 1', 'EXTRA 1'], 
  [100, 'I2', 'NAME NAME 2', 'EXTRA 2']
];

appendTableTo(document.querySelector('body'), items);

函数createRowHTML（itemData）{
返回“”+itemData.join（“”）+“”；
}
函数appendTableTo（元素、项）{
var table=document.createElement（'table'）；
table.innerHTML=items.map（createRowHTML）.join（“”）；
元素。子元素（表）；
}
可变项目=[
[200，'I3'，'NAME NAME 1'，'EXTRA 1']，
[100，'I2'，'NAME NAME 2'，'EXTRA 2']
];
附录（document.querySelector（'body'），items）；
@trincot的答案最适合具体问题。我想详细介绍一下如何使用domapi来实现这一点

function createRowHTML(itemData) {
  return '<tr><td>' + itemData.join('</td><td>') + '</td></tr>';
}

function appendTableTo(element, items) {
  var table = document.createElement('table');
  table.innerHTML = items.map(createRowHTML).join('');
  element.appendChild(table);
}

var items = [
  [200, 'I3', 'NAME NAME 1', 'EXTRA 1'], 
  [100, 'I2', 'NAME NAME 2', 'EXTRA 2']
];

appendTableTo(document.querySelector('body'), items);

函数createRowHTML（itemData）{
返回“”+itemData.join（“”）+“”；
}
函数appendTableTo（元素、项）{
var table=document.createElement（'table'）；
table.innerHTML=items.map（createRowHTML）.join（“”）；
元素。子元素（表）；
}
可变项目=[
[200，'I3'，'NAME NAME 1'，'EXTRA 1']，
[100，'I2'，'NAME NAME 2'，'EXTRA 2']
];
附录（document.querySelector（'body'），items）；
我可以使用document.write（html）打印整个表格？是的，我刚才添加了这个。除了
document.write
是一个很大的代码味道。最好使用
innerHTML
。实际上，这只是为了演示。小心使用
文档。编写
。最好找到要插入它的位置，然后分配给
innerHTML
。我已经更新了我的代码片段来实现这一点。我可以使用document.write（html）来打印整个表？是的，我刚才添加了它。除了
document。write
是一个很大的代码味道。最好使用
innerHTML
。实际上，这只是为了演示。小心使用
文档。编写
。最好找到要插入它的位置，然后分配给
innerHTML
。我已经更新了我的代码片段来实现这一点。