简体   繁体   English

仅使用javascript将数组数据附加到html表中

[英]Append array data to a html table column-wise using only javascript

I have an set of array 我有一组数组

Case =[case1, case2,case3]
Condition = [condition1,condition2,condition3]
Observation = [obs1,obs2,obs3]

How can I display this in a html table with the below format? 如何在具有以下格式的html表中显示此内容? Case condition and observation are headers which don't change. 案例条件和观察结果是不变的标头。 Basically the number of columns doesn't change only the rows change. 基本上,列数不会改变,只有行会改变。 How can I do this using javascript? 我该如何使用JavaScript?

I am new to javascript and I am having difficulty in iteration. 我是javascript新手,在迭代方面遇到困难。

+----------------------------------
| Case  | Condition  | Observation| 
+---------------------------------+
| case1 | condition1 | obs1       |
+---------------------------------+
| case2 | condition2 | obs2       | 
+---------------------------------+
| case3 | condition3 | obs3       | 
+---------------------------------+

Try following JS : 尝试遵循JS

Case =["case1", "case2","case3"];
Condition = ["condition1","condition2","condition3"];
Observation = ["obs1","obs2","obs3"];

for(i=0;i<Case.length;i++)
{
    document.getElementById(tableid).innerHTML+="<tr><td>"+Case[i]+"</td><td>"+Condition[i]+"</td><td>"+Observation[i]+"</td></tr>"
}

Demo Fiddle 演示小提琴

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM