想用Javascript去动态添加行,使用insertRow函数表格添加行无反应怎么回事?、
以下是我的html部分
<div> <form >
<table align="center" id="cxtb" >
<tr>
<td>region</td>
<td>car</td>
<td>date</td>
<td>contacts</td>
<td>telephone </td>
<td>situation</td>
<td >Option</td>
</tr>
</table>
</form>
</div>
然后是js部分,这是函数是结合一个输入信息的表单,然后利用表单数据传参给这个函数实现动态增加表格。
下面第一行的alert是为了检测函数是不是执行并接收到形参数据
function creatTable(region,car,date,contacts,telephone){
alert(region+car+date+contacts+telephone);
//获取查询的表格插入行
var row = document.getElementById("cxtb").insertRow(1);
//表头插入单元格
var region1 =row.insertCell(0);
var car1=row.insertCell(1);
var date1=row.insertCell(2);
var contacts1=row.insertCell(3);
var telephone1=row.insertCell(4);
var situation=row.insertCell(5);
var Option=row.insertCell(6);
region.innerHTML= region;
car.innerHTML= car;
date.innerHTML=date;
contacts.innerHTML=contacts;
telephone.innerHTML=telephone;
situation.innerHTML="未处理";
Option.innerHTML="<button class='optionbutton'> 处理</button><button> 详情</button></td>";
}
确认alert函数接受到数据,但是下面的表格毫无反应
只有表格的初始行