javascript动态添加单元格的脚本代码
更新时间：2007年11月24日 12:33:12 作者：
如何动态添加单元格!!
用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 全选 注:引入外部Js需再刷新一下页面才能执行]
复制代码 代码如下:
用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 全选 注:引入外部Js需再刷新一下页面才能执行]
相关文章
下面小编就为大家分享一篇简单谈谈CommonsChunkPlugin抽取公共模块，具有很的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12
下面小编就为大家带来一篇详谈js模块化规范。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
Bootstrap3 datetimepicker控件使用实例
这篇文章主要为大家详细介绍了Bootstrap3 datetimepicker控件使用实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
正则表达式是javascript操作字符串的一个重要组成部分，然而，在ES6中，随着字符串操作的变更， ES6也对正则表达式进行了一些更新。本文将详细介绍ES6正则表达式扩展2017-07-07
文字如何实现打字的效果呢?在浏览网页的时候也经常能看到这种效果。本文给大家汇总介绍了几种打字效果的文字特效,文字一个一个地打印在页面上。2015-08-08
这篇文章主要介绍了总结JavaScript中布尔操作符||与&&的使用技巧,是JS入门学习中的基础知识,需要的朋友可以参考下2015-11-11
javascript createAdder函数功能与使用说明
createAdder（x）是一个函数，返回一个函数。在JavaScript中，函数是第一类对象：另外它们可以被传递到其他函数作为参数和函数返回。在这种情况下，函数返回本身就是一个函数接受一个参数，并增加了一些东西。2010-06-06
本篇文章主要介绍了详解Webpack DLL用法以及功能，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
这篇文章主要介绍了基于JavaScript实现文字超出部分隐藏 的相关资料,需要的朋友可以参考下2016-02-02
接口是一系列抽象方法的声明，是一些方法特征的集合，这些方法都应该是抽象的，需要由具体的类去实现，然后第三方就可以通过这组抽象方法调用，让具体的类执行具体的方法，泛型是静态类型语言的基本特征，允许将类型作为参数传递给另一个类型、函数、或者其他结构2022-10-10
最新评论