js 中的table动态插入行

最新推荐文章于 2023-05-26 18:08:02 发布

－－X－－

最新推荐文章于 2023-05-26 18:08:02 发布

阅读量747

点赞数 2

文章标签： html5 javascript html

本文链接：https://blog.csdn.net/qq_47956199/article/details/120405887

版权

<table>

        <thead>

            <th>序号</th>

            <th>学号</th>

            <th>姓名</th>

            <th>性别</th>

            <th>年龄</th>

        </thead>

        <tbody></tbody>

    </table>

//获取tbody元素

var tb = document.querySelector("tbody");

//创建行

var tr = tb.insertRow(tb.rows.length);


//在行中插入新的td

for(let i = 0;i < 5;i++){

   //给tr插入新的td

   tr.insertCell(i);

   //给td添加内容（内容可用数组进行填写，更加方便）

   tr.cells[i].innerHTML =  "插入的内容";

}