繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript动态添加单元格的脚本代码
- Javascript
- 经验几则 推荐
- 一个很Cool的JS菜单效果
- [原创]菜单制作学习一个小东西
- 基于Web标准的UI组件 — 树状菜单(2)
- [原创]防止网站内容被小偷采集的js代码
- javascript字典探测用户名工具
- 通过ifame指向的页面高度调整iframe的高度
- 实例：尽可能写友好的Javascript代码
- 关于javascript的“静态类"
- 拖动层
- 教学演示-UBB,剪贴板,textRange及其他
- 多线程的全选复选框
- 不错的一个日期输入 动态
- 非常不错的一个javascript 类
- 提示广告代码
- 各种浏览器兼容问题
- 重定向实现代码
- [原创]网络复制内容时常用的正则+editplus
- Js的MessageBox
- 注释的艺术：JS里直接写HTML，无需转义
Javascript 中的 javascript动态添加单元格的脚本代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 433 ::
收藏到网摘: n/a
如何动态添加单元格!!
复制代码 代码如下:
用insertRow()和insertCell()方法
其用法如下:
insertRow()
复制代码 代码如下:
var newTR=TableOBJ.insertRow(N);
复制代码 代码如下:
其中N表示插入到第几行!
说明:当N=0时,插入到最上面一行!当N=-1时插入到最后一行,相当省略该参数!
insertCell()
复制代码 代码如下:
var newTD=TrOBJ.insertCell(N);
其中N表示插入到第几列!
说明:当N=0时,插入到最上面一行!当N=-1时插入到最后一行,相当省略该参数!
下面为一实例代码:
复制代码 代码如下:
<script language="JavaScript">
var Count=false,NO=1;
function addRow(){
Count=!Count;
//添加一行
var newTr = testTbl.insertRow();
//添加三列
var newTd0 = newTr.insertCell();
var newTd1 = newTr.insertCell();
var newTd2 = newTr.insertCell();
//设置列内容和属性
if(Count){newTr.style.background="#FFE1FF";}
else {newTr.style.background="#FFEFD5";}
newTd0.innerHTML = '<input type=checkbox id="box4">';
NO++
newTd1.innerText="第"+ NO+"行";
}
</script>
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
评论 (0) All
