想用Javascript去动态添加行,使用insertRow函数表格添加行无反应怎么回事?

想用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>";
            }

img

确认alert函数接受到数据,但是下面的表格毫无反应

img

只有表格的初始行

  • 以下回答由chatgpt基于相关博客总结生成:

    抱歉,以上参考资料中没有与问题相关的答案。问题是关于浏览器和代码片段的,建议提供更具体的问题描述和背景信息,以便回答者更好地理解和回答问题。

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>";
}