javascript动态创建表格.doc
版权申诉
92 浏览量
2021-11-11
02:16:40
上传
评论
收藏 21KB DOC 举报
javascript 动态创建表格：新增、删除行和单元格
利用 js 来动态创建表格有两种格式，appendChild（)和 insertRow、insertCell（）.两种方式
其实差不多，但第一种有可能在 IE 上有问题,所以推荐大家使用第二种了，直接说吧。
利用 js 来动态创建表格有两种格式，appendChild(）和 insertRow、insertCell（）。两种方式
其实差不多，但第一种有可能在 IE 上有问题,所以推荐大家使用第二种了,直接说吧。
1、inserRow()和 insertCell(）函数
insertRow（)函数可以带参数，形式如下：
insertRow(index）：index 从 0 开始
这个函数将新行添加到 index 的那一行前，比如 insertRow（0),是将新行添加到第一行
之前。默认的 insertRow（）函数相当于 insertRow(—1），将新行添加到表的最后。一般我
们在使用的时候都是:objTable。insertRow（objTable。rows.length）.就是为表格 objTable 在
最后新增一行。
insertCell（）和 insertRow 的用法相同，这里就不再说了。
2、deleteRow()和 deleteCell（)方法
deleteRow（）函数可以带参数，形式如下：deleteRow（index）：index 从 0 开始
和上面两个方法差不多的意思,就是删除指定位置的行和单元格。要传入的参数:Index
是行在表格中的位置，可以下面的方法取得然后去删除：
var row=document.getElementById（”行的 Id”）；
var index=row.rowIndex;//有这个属性，嘿嘿
objTable.deleteRow（index);
在使用过程中我碰到的一个问题跟大家说一下,就是删除表格的行的时候,如果你删除了
某一行，那么表格行数是马上就变化的，所以如果你要删除表格的所有行，下面的代码是错
误的：
function clearRow（)｛
objTable= document。getElementById("myTable”）；
for（ var i=1; i〈objTable。rows.length ; i++ ）
｛
jccyyx1988
- 粉丝: 1
- 资源: 3万+
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减4.47元 开通VIP
相关推荐
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
评论0
最新资源