想用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函数接受到数据,但是下面的表格毫无反应
只有表格的初始行
抱歉,以上参考资料中没有与问题相关的答案。问题是关于浏览器和代码片段的,建议提供更具体的问题描述和背景信息,以便回答者更好地理解和回答问题。
insertRow吧
function creatTable(region, car, date, contacts, telephone) {
var row = document.getElementById("cxtb").insertRow();
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);
region1.innerHTML = region;
car1.innerHTML = car;
date1.innerHTML = date;
contacts1.innerHTML = contacts;
telephone1.innerHTML = telephone;
situation.innerHTML = "未处理";
Option.innerHTML = "<button class='optionbutton'> 处理</button><button> 详情</button></td>";
}