僅使用javascript將數組數據附加到html表中

Question

我有一組數組

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

如何在具有以下格式的html表中顯示此內容？ 案例條件和觀察結果是不變的標頭。 基本上，列數不會改變，只有行會改變。 我該如何使用JavaScript？

我是javascript新手，在迭代方面遇到困難。

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

Answer 1

嘗試遵循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>"
}

演示小提琴