JS 按钮点击增加一行多单元格表格问题请教

<scriptlanguage="javascript">functionaddRow(){oTR=idTB.insertRow(idTB.rows.length);tm... <script language="javascript">
function addRow(){
oTR = idTB.insertRow(idTB.rows.length);
tmpNum = oTR.rowindex;
oTD = oTR.insertCell(0);
oTD.innerText = "di" + tmpNum + "hang";
oTD.innerHTML ="<td>1</td><td>1</td>";
idlast.innerText=idTB.rows.length;
if(idTB.rows.length>0)
idFirst.innerText='1';
return true;
}
</script>

请教大神，这段，我怎么修改都修改不好，目前只能增加一个单元格的表格行，我想增加一行多单元格
“oTD.innerHTML ="<td>1</td><td>1</td>";” 不明白如何增加单元格。展开

 我来答

1个回答

#热议# 发烧为什么不能用酒精擦身体来退烧？

shipingtuji
2014-06-18 · TA获得超过379个赞

知道小有建树答主

回答量：720

采纳率：55%

帮助的人：543万

我也去答题访问个人页

关注

展开全部

拿这个例子去慢慢看
<script type="text/javascript">
window.onload=function()
{
var oTab=document.getElementById('tb1');
var oBtn=document.getElementById('btn1');
var oName=document.getElementById('name');
var oAge=document.getElementById('age');
oBtn.onclick=function()
{
var oTr=document.createElement('tr');//创建一个tr
        //创建第一个td
var oTd=document.createElement('td');
oTd.innerHTML=oTab.tBodies[0].rows.length+1;
oTr.appendChild(oTd);//将td插入tr
//创建第二个td
var oTd=document.createElement('td');
oTd.innerHTML=oName.value;
oTr.appendChild(oTd);//将td插入tr
//创建第三个td
var oTd=document.createElement('td');
oTd.innerHTML=oAge.value;
oTr.appendChild(oTd);//将td插入tr

oTab.tBodies[0].appendChild(oTr);//将整个tr插入到表格中
}

}
</script>
</head>

<body>
姓名:
<input type="text" id="name"/>
<br/>
年龄:
<input type="text" id="age"/>
<input type="button" id="btn1" value="添加"/>
<table id="tb1" border="1px" width="300px">
<thead>
<td>ID</td>
<td>姓名</td>
<td>年龄</td>
<tbody>
<tr>
<td>1</td>
<td>李四</td>
<td>23</td>
</tr>
<tr>
<td>2</td>
<td>王五</td>
<td>24</td>
</tr>
<tr>
<td>3</td>
<td>王海</td>
<td>22</td>
</tr>
<tr>
<td>4</td>
<td>李海</td>
<td>20</td>
</tr>
<tr>
<td>5</td>
<td>刘梅</td>
<td>20</td>
</tr>
</tbody>
</table>
</body>
</html>


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起