已知数据，如何填充表格，谢谢大家？

Question

var str1="1,2,3,4,5，6，7,8,9";
var str2="张三，李四，王五，刘麻，小强，朱丽，陈学友,李建，胡江“；
已自定义表格
<table id=mytab>
<tr><td>编号</td><td>姓名</td></tr>
<tr><td>$PID</td><td>$PNAME</td></tr>
</table>
问题：如何通过JS将上面的表格变成下面的表格。
<table id=mytab>
<tr><td>编号</td><td>姓名</td></tr>
<tr><td>1</td><td>张三</td></tr>
<tr><td>2</td><td>李四</td></tr>
<tr><td>3</td><td>王五</td></tr>
<tr style="mycss"><td>4</td><td>刘麻</td></tr>
<tr><td>5</td><td>小强</td></tr>
<tr><td>6</td><td>朱丽</td></tr>
<tr style="mycss"><td>7</td><td>陈学友</td></tr>
<tr><td>8</td><td>小强</td></tr>
<tr><td>9</td><td>朱丽</td></tr>
<tr style="mycss"><td>7</td><td>陈学友</td></tr>
</table>

Answer 1

遍历数组，动态生成td,tr，然后append到table里面。

Answer 2

<table id=mytab> 
<tr> <td>编号 </td> <td>姓名 </td> </tr> 
<tbody id="tb"></tbody> 
</table> function ct(){
    var str1="1,2,3,4,5，6，7,8,9"; 
    var str2="张三，李四，王五，刘麻，小强，朱丽，陈学友,李建，胡江“;
    var strNo = str1.split(',');
    var strName = str2.split(',');
    var tbody = document.getElementById("tb");
    for(var i=0;i<strNo.length;i++){
      var tr = table.insertRow(-1);
      var td = document.createElement("td");
      td.innerHTML=strNo[i];
      tr.appendChild(td);      td = document.createElement("td");
      td.innerHTML=strName[i];
      tr.appendChild(td);    } 
}

Answer 3

<table id="mytab"> 
<tr> <td>编号 </td> <td>姓名 </td> </tr> 
</table> 
<script>
(function(){
var row, cell1, cell2;
var str2= "张三,李四,王五,刘麻,小强,朱丽,陈学友,李建,胡江";
var tbl = document.getElementById('mytab');
for(var i = 0, arr = str2.split(','), len = arr.length; i < len; i++){
row = tbl.insertRow(i + 1);
row.insertCell(0).innerHTML = i + 1;
row.insertCell(1).innerHTML = arr[i];
}
})();
</script>

Answer 4

<div id="ddd"></div>
<script>
var str1="1,2,3,4,5,6,7,8,9"; 
var str2='张三,李四,王五,刘麻,小强,朱丽,陈学友,李建,胡江';var nids=str1.split(',');
var names=str2.split(',');
var ostr=[];
ostr[ostr.length]='<table id=mytab> ';
ostr[ostr.length]='<tr> <td>编号 </td> <td>姓名 </td> </tr>';
for(var i=0;i<nids.length;i++){
ostr.push('<tr> <td>'+nids[i]+'</td> <td>'+names[i]+'</td> </tr>');
}
ostr[ostr.length]='</table> ';
ddd.innerHTML=ostr.join('');
</script>