您的位置:首页 > Web前端 > HTML

html中table中动态添加单元格示例

2014-07-29 17:20 351 查看
项目遇到需要进行动态的表格添加,思路:

1)先得到这个表格,有两种方式一、var table = getElementById("表格ID");,二、var table = $("#表格ID");

2)算出表格的现有行数,var rowsNum = table.length;

3)创建一行,并添加到Table(添加到表格的最后一行)中,var row = table.insertRow(rowsNum-1);,insertRow(第几行,从0开始,0为第一行);

4)创建单元格并添加到行中,var cell0 = row.insertCell(0);insertCell(第几个单元格,从0开始,0为第一个单元格);向单元格中添加内容,cell0.innerHTML
= "单元格";

按这几步就添加完成。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: