Javascript 如何在<；中显示数组值；表>；标签？

我有这样的数组值。我想在HTML表标记中显示这些值

<script type="text/javascript">
var orderArray = [
    ["1","29-Aug-2012", "Product1", "client1"],
    ["2","29-Aug-2012", "Product2", "client2"],
    ["3","29-Aug-2012", "Product3", "client3"],
    ["4","29-Aug-2012", "Product4", "client4"],
    ["5","29-Aug-2012", "Product5", "client5"]
    ];

function display()
{
    for(i=0;i<ordertArray.length;i++)
    {
    //How to display values of array inside the div or table tag ???
    }
}

</script>

var orderArray=[
[“1”、“2012年8月29日”、“产品1”、“客户1”]，
[“2”、“2012年8月29日”、“产品2”、“客户2”]，
[“3”、“2012年8月29日”、“产品3”、“客户3”]，
[“4”、“2012年8月29日”、“产品4”、“客户4”]，
[“5”、“2012年8月29日”、“产品5”、“客户5”]
];
函数显示（）
{
对于（i=0；iorderArray

的项表示

元素，其中的每个项表示一个

元素。因此，您可以循环通过

orderArray

创建

s，然后在每个循环上循环通过其元素创建

s:

var table=”“；//打开表
对于（i=0；i类似的内容将为您创建一个动态表：

// get handle on div
var container = document.getElementById('container');
// create table element
var table = document.createElement('table');
var tbody = document.createElement('tbody');
// loop array
for (i = 0; i < orderArray.length; i++) {
    // get inner array
    var vals = orderArray[i];
    // create tr element
    var row = document.createElement('tr');
    // loop inner array
    for (var b = 0; b < vals.length; b++) {
        // create td element
        var cell = document.createElement('td');
        // set text
        cell.textContent = vals[b];
        // append td to tr
        row.appendChild(cell);
    }
    //append tr to tbody
    tbody.appendChild(row);
}
// append tbody to table
table.appendChild(tbody);
// append table to container
container.appendChild(table);

//获取div的句柄
var container=document.getElementById（'container'）；
//创建表元素
var table=document.createElement（'table'）；
var tbody=document.createElement（'tbody'）；
//循环阵列
对于（i=0；i

使用和

使用下列DOM函数：

函数显示（）{
var table=document.createElement（“表”）；
对于（var i=0；我想知道你已经有了一个表还是需要动态创建表？我想知道如何获取值。是手动还是动态。如何在特定位置的div中显示此表？@Ismail Vitla:我实际上假设你已经有了一个表。只需在某个地方用HTML定义表，然后设置
var table=…
因此它指向表。@阴影向导：谢谢，我没有意识到。您在每个内部循环上添加了四个单元格，因此每行总共16个。大多数浏览器不支持foreach语法。不要将innerHTML用于文本值Show来添加具有表标题的其他行？@ManseUK如何将标题行附加到此表？效果良好很明显，我的一个
包含
标记，这些标记显示为原始文本。是否有可能以HTML格式显示它们？@Florent如果您有HTML内容（并且正确地转义了xss！），而不是文本，请不要创建文本节点，而是使用
cell.innerHTML=orderArray[i][j]；
var table = "<table>"; // Open Table

for(i=0; i<orderArray.length; i++)
{
 table += "<tr>"; // Open Row

 for(i2=0; i2<orderArray[i].length; i2++) {
 {
  table += "<td>" + orderArray[i][i2] + "</td>"; // Each Column
 }

 table += "</tr>"; // Close Row
}

table += "</table>"; // Close Table 

// get handle on div
var container = document.getElementById('container');
// create table element
var table = document.createElement('table');
var tbody = document.createElement('tbody');
// loop array
for (i = 0; i < orderArray.length; i++) {
    // get inner array
    var vals = orderArray[i];
    // create tr element
    var row = document.createElement('tr');
    // loop inner array
    for (var b = 0; b < vals.length; b++) {
        // create td element
        var cell = document.createElement('td');
        // set text
        cell.textContent = vals[b];
        // append td to tr
        row.appendChild(cell);
    }
    //append tr to tbody
    tbody.appendChild(row);
}
// append tbody to table
table.appendChild(tbody);
// append table to container
container.appendChild(table);

function display() {
    var table = document.createElement("table");
    for (var i=0; i<orderArray.length; i++) {
        var row = table.insertRow();
        for (var j=0; j<orderArray[i].length; j++) {
            var cell = row.insertCell();
            cell.appendChild(document.createTextNode(orderArray[i][j]));
        }
    }
    return table;
}